JavaScript、Chrome、文本框、空格键、退格键

Question

我正在用 JavaScript 编写代码，目标是 Chrome。

现在，考虑以下情况:

• 我在网页上按空格/退格键 vs
• 我在文本框上按空格键/退格键

通过使用 (goog.events.listen js/document.body ...) 我可以监听 Space/Baskspace 事件并对它们使用react。但是，浏览器仍会处理它们，即当我按下 Space 时，浏览器仍会向下滚动，而当我按下 Basckspace 时，浏览器会转到上一个网页。

我想阻止这种“默认行为”——即我想处理 Space/Backspace 事件，我希望浏览器忽略它们。

谢谢!

Answer 1

从事件处理程序返回 false 以取消事件。

document.body.onkeydown = function killSpace(e) {
    if (e.keyCode === 32) {
        return false;
    }
};

请不要像这样在全局范围内取消键盘快捷键。它损害了可用性。仅当页面上的某些自定义小部件具有焦点时才阻止默认行为，并且此元素可以使用键盘快捷键(如选项卡)失去焦点。