jQuery 左右快捷键分页访问

Question

所以我试图绑定左右键盘箭头键来浏览网站中的分页。

这是我的HTML。

<div class="page-nav">
  <a href="page1.html" class="prev">&lt;- Previous</a>
  <a href="page3.html" class="next">Next -&gt;</a>
</div>

这是jQuery

$(document).keydown(function(e) {
  switch(e.which) {
    case 37:
      $(".prev" ).click();
      break;

    case 39:
      $( ".next" ).click();
      break;

    default: return;
  }
  e.preventDefault();
});

但我不确定为什么它不起作用。假设在击键时单击按钮。尽管当我为每个事件记录事件时，它检测的是击键而不是访问页面。

编辑：以及如何检查是否有上一个按钮可以转到。那它必须走了。否则什么也不做。

Answer 1

看来这是可行的。

$(document).keydown(function(e) {
  var prevPageLink = $( ".prev" ).attr('href');
  var nextPageLink = $( ".next" ).attr('href');
  switch(e.which) {
    case 37:
      if ( prevPageLink ) {
        window.location = prevPageLink;
      }
      break;

    case 39:
      if ( nextPageLink ) {
        window.location = nextPageLink;
      }
      break;

    default: return;
  }
  e.preventDefault();
});

如果谁有更好的方法，请告诉我。 :)

jQuery 左右快捷键分页访问

jQuery left right keyboard shortcut to visit through pagination

jquery

pagination

keyboard-shortcuts