键盘导航js

Question

首先，我只是图形设计师而不是网页开发者，所以请耐心等待。

我正在创建我的投资组合网站，我想使用键盘上的窄键在项目之间切换网站。

为此，我使用了这个 js：

codepen.io/SoqllooS/pen/vNNGwv

示例如下所示：

http://problem.bplaced.net/keyboard_...st_01_003.html

我需要该脚本可靠且可靠。 现在我有一个问题，这在 Firefox 和 Internet Explorer 上不起作用。

请告诉我如何解决这个问题。

谢谢！

Answer 1

我已更改您的脚本以使其正常工作：

http://codepen.io/anon/pen/VvvKxP

$(document).ready(function() {
  var nextPage = $("#next_page_link");
  var prevPage = $("#previous_page_link");
  if (typeof nextPage !== 'undefined' && typeof prevPage !== 'undefined') {
    nextUrl = nextPage.attr("href");
    prevUrl = prevPage.attr("href");
    $(document).bind("keydown", function(e) {
      var j = e.which;
      if (j === 39) {
        window.location = nextUrl;
      } else if (j === 37) {
        window.location = prevUrl;          
      }
    });
  }
});

希望这会有所帮助。