maRkの

キャンペーンだとか、Chess.appについてのなにか

メモ:記事ページの記事前後移動のキーボードショートカットの設置

Clipボタン

誰が使うのか??というのはあるけど、一往実装してみたので。

j、k キーで記事前と後で移動します。

フッターなどに。

<script>
$(function(){
$(document).keydown(function(evt) {
var prevURI="", nextURI="";
  switch (evt.keyCode) {
    case 74: 
      // j
      if($('a[rel="prev"]').parent().hasClass('pager-prev')){
        prevURI = $('a[rel="prev"]').attr("href");
        location.href = prevURI;
      }
      break;

    case 75:
      // k
      if($('a[rel="next"]').parent().hasClass('pager-next')){
        nextURI = $('a[rel="next"]').attr("href");
        location.href = nextURI;
      }
      break;
  }
});
});
</script>

別のjQueryを呼び出ししている場合は

(function($){ 
 ...
})(jQuery);

の形式に置き換えてください。なお、キーの previous,next は「はてなブログ」の要素にあわせたものですので。

広告を非表示にする