javascript - 按键事件在 Javascript 中不起作用

Question

document.addEventListener("keydown", keyD);
document.addEventListener("keyup", keyU);
function keyD(e){

    if(e.keycode == 38){
        plat1UpP = true;
    }else if(e.keycode == 40){
        plat1DownP = true;
    }
}

function keyU(e){
    if(e.keycode == 38){
        plat1UpP = false;
    }else if(e.keycode == 40){
        plat1DownP = false;
    }
}

我正在尝试在 html5、javascript 和 css 中使用 canvas 制作乒乓球游戏，但是 keydown 和 keyup 的事件不起作用。

Answer 1

您必须将 keycode 更改为 keyCode。

consider some browsers doesn't support keyCode and you must use which.

将您的代码更改为此，它将适用于所有这些。

document.addEventListener("keydown", keyD);
document.addEventListener("keyup", keyU);
function keyD(e){
    var key = e.keyCode || e.which;
    if(key  == 38){
        plat1UpP = true;
    }else if(key == 40){
        plat1DownP = true;
    }
}

function keyU(e) {
    var key = e.keyCode || e.which;
    if(key ){
        plat1UpP = false;
    }else if(key){
        plat1DownP = false;
    }
}