javascript - 使用键盘按键作为导航

Question

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

• J - 向下滚动到下一篇文章
• K - 向上滚动到上一篇文章
• R - 打开一个新标签，其中包含该帖子的转发 URL
• P - 打开一个包含该帖子的永久链接网址的新标签页

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

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

Answer 1

一个多小时并不算多。但这里有一些可以帮助您开始的东西:

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

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

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