javascript按键事件的优先级是什么（如果有的话）？

Question

我试图创建一个简单的javascript程序，它读取keydown事件并将其转换为HTML画布上的运动。到目前为止，我已经取得了相当大程度的成功，我有一个关于(我假设是)箭头键优先级的奇怪问题。发生的情况是，如果我拿着右箭头，我按下左箭头，然后左箭头接管。如果我按住左箭头，并按下右箭头，什么都不会改变(我移动的方块继续向左移动)。我改变了按键读取的顺序，但是没有成功。

我读取按键和按键的代码是这样的：

//Listener for when keys are pressed
window.addEventListener('keydown', function (event) {
    keyCodes[event.keyCode] = true;
});

//Listener for keys being released
document.addEventListener('keyup', function (event) {
    keyCodes[event.keyCode] = false;
});

然后在此处进行解释

//movement function
function move () {
    if (keyCodes[right]) {
        velX = 12.0;
    }
    if (keyCodes[left]) {
        velX = -12.0;
    }
};

function update() {
    if (keyCodes[right] || keyCodes[left])
        move();

    posX += velX;

    if (!keyCodes[right] && velX > 0)
        velX -= gravity;
    if (!keyCodes[left] && velX < 0)
        velX += gravity;
};

有没有人能看到，或者已经知道，为什么左键会优先于右键？

已解决:

修正后的移动功能如下:

function move () {
    if (keyCodes[left] && velX > -12.0) {
        velX -= 2.0;
    }
    if (keyCodes[right] && velX < 12.0) {
        velX += 2.0;
    }
};

Answer 1

在您的函数中，您首先检查是否按下了右键，然后检查是否按下了左键。如果未按右键，则只应检查左键。

    ...

    if (keyCodes[right]) {
        velX = 12.0;
    }
    // note the "else" before the "if"
    else if (keyCodes[left]) {
        velX = -12.0;
    }

    ...

    if (!keyCodes[right] && velX > 0)
        velX -= gravity;
    // again note the "else"
    else if (!keyCodes[left] && velX < 0)
        velX += gravity;

    ...