如何使用键盘滚动页面元素？

Question

我基本上想要达到与Google Reader中相同的效果：当按下“j”时，您会被推送到下一篇文章，当您按下“k”时，您可以返回上一篇文章。这样做的最简单方法是什么？

Answer 1

获取这些键的数字/值并将它们绑定到您希望它们执行的事件。在很多方面，click将用于发射一个功能，但是您使用的是某个键。

Answer 2

https://github.com/jeresig/jquery.hotkeys

jQuery的热键是一个插件，可以让你轻松的键盘事件在代码中添加和删除 处理程序的任何地方几乎支持任何 组合键。

Answer 3

使用onkeyup并使用keyCode确定按键：http://jsfiddle.net/pimvdb/gzRwN/1/。

document.body.onkeyup = function(e) { 
    var code = e.keyCode; 
    if(code === 74) { // key code for j 
     window.scrollTo(document.body.scrollLeft, 
         document.body.scrollTop + 500); 
    } 
};