Keydownとkeyupイベントリスナーが正常に動作しています

Question

誰かがキーを押しているときに検出したいコードを持っています。その後、キーを押しているコードを削除します。私はオンラインで見つけた情報を使っていくつかのコードをまとめようとしました。 は、ここで私がこれまで持っているものです。

var down = {}; 
    document.addEventListener("keydown", function(evt) { 
     down[evt.keyCode] = true; 
     console.log(down) 
    }); 
    document.addEventListener("keyup", function(evt) { 
     delete down[evt.keyCode]; 
    }); 
var p = 0 
if (down(65) == 65 && p - 1 >= 0) { 
     p -= 1; 
    } 
    if (down(65) == 68 && p + 1 <= 9) { 
     p += 1; 
    } 

コンソールは、その下には関数ではありませんと言って続けています。どのキーコードを押さえているのか、またそのキーコードを持ち上げた後にそのキーコードのインスタンスを削除するにはどうすればいいですか？

Answer 1

downの値に正しくアクセスしていません。

var down = {}; 
 

 
document.addEventListener("keydown", function(evt) { 
 
    down[evt.keyCode] = true; 
 
    console.log(down) 
 
}); 
 

 
document.addEventListener("keyup", function(evt) { 
 
    delete down[evt.keyCode]; 
 
}); 
 

 
var p = 0; 
 

 
if (down[65] === 65 && p - 1 >= 0) { 
 
    p -= 1; 
 
} 
 
if (down[65] == 68 && p + 1 <= 9) { 
 
    p += 1; 
 
}

Answer 2

それはdown['65']、ないdown(65)です：オブジェクトと、ブラケットまたはドット表記は、移動するための方法です。

down['65']は、比較の前に存在する場合にも、テストする必要があります：

if (down['65'] && down['65'] == 65 && p - 1 >= 0) { 
    p -= 1; 
} 
if (down['65'] && down['65'] == 68 && p + 1 <= 9) { 
    p += 1; 
} 

Answer 3

はちょうどそれが価値だ得るために、[65]（65）のダウンダウンに変更。

down(65)「ダウンと呼ばれる配列のインデックス65の値にアクセスする機能

down[65]としてダウン呼び出す