阻止按空格键滚动 - Chrome

Question

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

为什么它对我如此重要？

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

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

• 在终端上设置position:fixed 或
• 在正文上设置overflow:hidden
• 移除滚动条并使用 jQuery 制作一个假的

在我开始努力在右侧制作“人工”滚动条之前，我希望您能找到一个更好的解决方案。有遇到过类似问题的朋友，请问您是怎么​​做的？

Answer 1

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

类似：

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