javascript - Onkeydown 无法正常工作

Question

这是我的代码

document.onkeydown = function (a) {
    if (a.which == 13) {
        alert("Not Anymore");

    }
}

document.onkeydown = function (b) {
    if (b.which == 65) {
        auto();
    }
}

document.onkeydown = function (c) {
    if (c.which == 83) {
        auto2();

    }
}

只有最后一个片段有效，有人可以解释为什么会这样查看我的网站，您可以看到当您按 a 时它无法正常工作，但当您按 b 时它可以正常工作

谢谢，感谢您的帮助和反馈

Answer 1

您在 document 上多次绑定(bind)同一个事件。因此，后面的事件处理程序会覆盖前面的事件处理程序，就像同名函数一样。您只需绑定(bind)一个事件处理程序并在其中使用 if...else。

你可以用这个

document.onkeydown = function (e) {
    if (e.which == 13) {
        alert("Not Anymore");
    } else if (e.which == 65) {
        auto();
    } else if (e.which == 83) {
        auto2();
    }
};

此外，使用 addEventListener而不是 onkeydown。

document.addEventListener('keydown', function (a) {
    if (a.which == 13) {}
    ...
}, false);