两个“多键按下”代码示例之间有什么问题？

Question

我试图同时按下多个键的功能。我找到了一些答案。我在关注这个。

多键关闭

问题是我有一些代码可以工作。但我的版本不起作用。我完全不知道发生了什么。

答案中的代码

var keys;

document.getElementById('demo').addEventListener("keydown", function (e) {
    keys = (keys || []);
    keys[e.keyCode]=true;

    if (keys[65] && keys[66]){
        document.body.style.backgroundColor = "red";
    }
} , false);

document.getElementById('demo').addEventListener("keyup", function (e) {
    keys[e.keyCode]=false;
    document.body.style.backgroundColor = "green";
    stop();
}, false);

我的代码版本是。

var keys;

document.getElementById('demo').addEventListener("keydown", function (e) {
keys = (keys || []);
    keys[e.keycode]=true;
    if (keys[65] && keys[66]){
    document.body.style.backgroundColor = "red";
}
} , false);
document.getElementById("demo").addEventListener("keyup", function (e) {
    keys[e.keycode]=false;
    document.body.style.backgroundColor = "green";
//stop();
} , false);

在我的代码版本中，第一部分不起作用。我不知道为什么？

Answer 1

1. keycode需要在两个位置都写为keycode
2. 确保demo元素是一个输入，它不能与div等一起使用

Answer 2

源语言

js lang-js prettyprint-override"> keys[e.keyCode]=true; 
stop();