JavaScript：矢印キーバインディングを取得するにはどうすればよいですか？

Question

私のようないくつかの解決策が見つかりました：

function checkKey(e) { 

     e = e || window.event; 

     if (e.keyCode == '38') { 
      snakeDirection = "up"; 
     } 
     else if (e.keyCode == '40') { 
      snakeDirection = "down"; 
     } 
     else if (e.keyCode == '37') { 
      snakeDirection = "left"; 
     } 
     else if (e.keyCode == '39') { 
      snakeDirection = "right"; 
     } 
    } 

をしかし、私はこのeもe = e || window.event; の意味を知らない誰かが説明していただけますか？

Answer 1

checkKeyは、イベントリスナーとして使用されることを意味していました。ほぼ確実に​​イベントです。これを実行してみてください、あなたは私が何を意味するかわかります、最新のブラウザで

window.addEventListener('keydown', checkKey) 

イベントリスナーは、単一のパラメータ、しばしばe（eventの略）を指定されたイベントオブジェクトを取ります。

しかし、古いブラウザ（従来のInternet Explorerのバージョン）では、イベントオブジェクトがリスナーに渡されませんでした。代わりに、グローバルwindow.eventプロパティを使用してアクセスします。これらのブラウザーでコードを柔軟にするには、eが渡されないことが予想されます。そのため、e = e || window.eventという行が存在します。「eという変数が見つからない場合は、window.eventに設定して実行してください。

このイベントオブジェクトには、発生したイベントの詳細を説明するのに役立つプロパティがあります。たとえば、​​イベントオブジェクトのプロパティkeyCodeは、キーボード上でどのキーが押されたかを示します。

• 左矢印キーコードに対応する上矢印キーコードに37
• に対応：しかし、これらのキーコードは、使用しているif文の故に奇妙な外観、覚えやすいではない方法で、番号が付けられています38
• 右矢印39
• 下矢印キーコードに対応するキーコードに対応40