javascript - 阻止按空格键滚动 - Chrome

Question

症状:当用户在 Google Chrome 中按下空格键时，页面会向下滚动一点。

为什么它对我如此重要？

我开发了一个 UNIX shell 终端模拟器，用户可以在其中输入包含空格的文本命令。他们只是在空间新闻上跳开，这很烦人。

替代解决方案不是我真正想要的:

• 在终端上设置position:fixed 或
• 在 body 上设置 overflow:hidden
• 删除滚动条并使用 jQuery 制作假滚动条

在我开始努力在右边制作一个“人工”滚动条之前，我想问你一个可能更好的解决方案。遇到过类似问题的人，你做了什么？

Answer 1

您是否考虑过使用 event.preventDefault()？

类似于:

document.body.addEventListener("keydown", function (event) {
     if (event.keyCode === 32 && event.target === document.body) {
         event.preventDefault();
     }
}, false);