按空格键滚动浏览-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);