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でキャンバスでポンゲームを作ろうとしていますが、keydownとkeyupのイベントは機能しません。

Answer 1

keycodeをkeyCodeに変更する必要があります。

はkeyCodeをサポートしていないいくつかのブラウザを考慮して、あなたは 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; 
    } 
} 

Answer 2

e.keyCode instedがe.keycodeの新しい構文エラーがあります。