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左键盘快捷键通过分页访问

1 个答案: