键盘导航js

Question

首先，我只是一个平面设计师，不是网页开发人员，所以请耐心等待。

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

为了做到这一点，我使用了js:

codepen.io/SoqllooS/钢笔/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;          
      }
    });
  }
});