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

Question

症状：当用户在谷歌浏览器中按空格键时，页面会向下滚动一点。

为什么它对我如此重要？

我开发了一个 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);