使用键盘键作为导航

Question

我正在开发一个博客主题，我想要键盘导航。我知道这与键盘键的 id 有关，但我已经寻找了 3 个小时，但仍然没有找到一个简单的解决方案。以下是我想按下的键以及我希望他们执行的操作。

• J - 向下滚动到下一篇文章
• K - 向上滚动到上一篇文章
• R - 使用该帖子的转发 URL 打开一个新标签页
• P - 使用该帖子的永久链接 URL 打开一个新选项卡

如果有人可以帮助我，那将非常有帮助。另外，我知道您可以通过在 URL 中设置链接来做一些事情，例如<article data-reblog-url="http://reblogurl" data-permalink-url="{Permalink}">，但我不知道如何在按下 R & P 键时让浏览器打开一个新选项卡，并将该​​数据作为 URL。另外，J & K，我希望浏览器平滑滚动到帖子的顶部，包括帖子的 margin-top。

如果有人可以帮助我完成整个代码，我将不胜感激。我知道这很多，我可能会对此表示反对，但就像我说的那样，我已经尝试了一个多小时，我只需要专家的帮助。

Answer 1

一个多小时不算多。但这里有一些东西可以帮助您入门：

您可以通过检查事件对象上的which 来可靠地检查按下了哪个键。我做了一个演示，你可以看看如何检查按下了哪个键。

演示： http://jsfiddle.net/RXPhP/

问题：该事件仅在具有焦点的元素上触发，因此您最好将其绑定到 body 或 document 以进行导航。

Answer 2

这样的事情会给你一个好的开始。如果您不能使用任何库，那么您可以使用

<script>

var keyMap = [];
keyMap["j"] = 106;
keyMap["k"] = 107;
keyMap["r"] = 114;
keyMap["p"] = 112;

window.onkeypress = function (event) {
 var asciiVal = (event.which) ? event.which : event.keyCode;
 //Write a switch here to individually handle input.
}

Answer 3

http://www.w3schools.com/jsref/event_onkeypress.asp 用于按键事件。它允许您在按下某个键时执行 js。 js 会收到一个事件event，它会告诉你按下了什么键。根据按键，您将 do something 否则 nothing