メモ:記事ページの記事前後移動のキーボードショートカットの設置
誰が使うのか??というのはあるけど、一往実装してみたので。
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 は「はてなブログ」の要素にあわせたものですので。