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

Question

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

Answer 1

使用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);
    }
};

Answer 2

获取这些键的数量/值并将它们绑定到您希望它们执行的事件。很多方面click将用于触发函数，而是使用某个键。

Answer 3

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

  

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