javascript - 取消 HTML 中的 keydown

Question

如何取消键盘上特定键的 keydown，例如 HTML 页面中的(空格、回车和 箭头)。

Answer 1

如果您只对您提到的示例键感兴趣，keydown 事件就可以了，除了 Opera 的旧的、pre-Blink 版本(至少包括版本 12)您需要在其中取消 keypress 事件。在 keydown 事件中可靠地识别不可打印的键比在 keypress 事件中更容易识别，因此下面使用变量在 keydown 中设置> 处理程序告诉 keypress 处理程序是否抑制默认行为。

使用 addEventListener 并忽略旧版 Opera 的示例代码

document.addEventListener("keydown", function(evt) {
    // These days, you might want to use evt.key instead of keyCode
    if (/^(13|32|37|38|39|40)$/.test("" + evt.keyCode)) {
        evt.preventDefault();
    }
}, false);

2010 年的原始示例代码

var cancelKeypress = false;

document.onkeydown = function(evt) {
    evt = evt || window.event;
    cancelKeypress = /^(13|32|37|38|39|40)$/.test("" + evt.keyCode);
    if (cancelKeypress) {
        return false;
    }
};

/* For pre-Blink Opera */
document.onkeypress = function(evt) {
    if (cancelKeypress) {
        return false;
    }
};