JavaScript多重按键

Question

首先，我要感谢所有人的帮助和回复。

我正在做一个项目，要求用户按下一个键并按住它，它会触发一个操作。

当用户按下另一个键（仍然按住第一个键）时，它将触发另一个动作。

然而，我无法让JavaScript识别同时按下的两个键。

js lang-js prettyprint-override">var down = false;
var keys;

document.addEventListener("keydown", function (e) {
    if (down) {return;}
    down = true;
    keys = (keys || []);
    keys[e.keyCode]=true;
    if (keys[87]){
        console.log("1");

    }
    else if (keys[83]){
        console.log("2");
    }
    else if (keys[83] && keys[87]){
        console.log("sucessfull");
    }
} , false);

document.addEventListener("keyup", function (e) {
    down = false;
    keys[e.keyCode]=false;
    stop();
}, false);

<button id="up" onmousedown="Drive(1)" onmouseup="Drive(2)">UP </button>

Answer 1

>

删除了“down”变量检查

删除了鼠标按钮元素的东西-似乎与你的问题无关

删除了额外的HTML正文

摆脱其他分支，因为它会在到达

    var keys;

    document.addEventListener("keydown", function (e) {
        keys = (keys || []);
        keys[e.keyCode]=true;
        if (keys[87]){
            console.log("1");

        }

        if (keys[83]){
            console.log("2");
        }

        if (keys[83] && keys[87]){
            console.log("sucessfull");
        }
    } , false);

    document.addEventListener("keyup", function (e) {
        keys[e.keyCode]=false;
        stop();
    }, false);