键盘导航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;          
      }
    });
  }
});

希望对您有所帮助。

键盘导航js

Keyboard navigation js

html

javascript

jquery

keyboard-navigation