javascript - HTML 防止空格键滚动页面

Question

我正在使用代码:

window.onkeydown = function(e) { 
    return !(e.keyCode == 32);
};

这正是我想要的，在按下空格键时停止页面滚动。然而，它也阻止用户在文本框中键入空格

有没有办法在打字时防止空格键滚动并保留空格键功能？

Answer 1

尝试检查是否target是正文:

window.addEventListener('keydown', function(e) {
  if(e.keyCode == 32 && e.target == document.body) {
    e.preventDefault();
  }
});

body { height: 100000px; }

<input />
<textarea></textarea>

Demo