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

【问题标题】：How to scroll page elements with the keyboard?如何使用键盘滚动页面元素？
【发布时间】：2011-08-11 18:53:46
【问题描述】：

我基本上想达到和谷歌阅读器一样的效果：当你按“j”时，你被推到下一篇文章，当你按“k”时，你可以回到上一篇文章。最简单的方法是什么？

【问题讨论】：

【解决方案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);
    }
};

【讨论】：

我有这个：
每次有人按“j”时我需要改变什么或“k”，它们被重定向到具有相同类的下一个或上一个 div？

【解决方案2】：

获取这些键的数字/值并将它们绑定到您希望它们执行的事件。就像click 用于触发函数一样，但您使用的是某个键。

【讨论】：

包含一些代码或示例链接以改进此答案。