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

发布于 2024-11-29 01:25:11 字数 88 浏览 1 评论 0原文

我基本上想达到与Google Reader相同的效果:当你按“j”时,你会被推到下一篇文章,当你按“k”时,你可以返回到上一篇文章。做到这一点最简单的方法是什么?

I basically want to achieve the same effect as in Google Reader: when you press "j", you are pushed down to the next article and when you press "k", you can go back up to the previous article. What is the simplest way of doing this?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

少钕鈤記 2024-12-06 01:25:11

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

Using onkeyup and use the keyCode to determine the key pressed: 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);
    }
};
め可乐爱微笑 2024-12-06 01:25:11

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

Get the number/value for those keys and bind them to the event that you'd like them to execute. Much in the way that a click would be used to fire a function, but instead you're using a certain key.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文