JavaScriptがキーが押されているかどうかを調べる

Question

私は、キャンバス要素とJavascriptを使用して私の大学プロジェクト用のプラットフォームゲームを作成しています。私はうまくいっていますが、私の選手のアップデートループで特定のキーが押されているかどうかを確認する方法についていません。

私はこのように考えていた：

if(d) { 
    // move player right 
} else if(a) { 
    // move player left 
} else if(w) { 
    // move player up 
} else if(s) { 
    // move player down 
} 

明らかに、psudocodeだこと。 Javascriptでキーを押すための唯一のリソースはイベントです。特定のポイントでキーが押されているかどうかはわかりません。

誰もがこれにいくつかの光を当てることができますか？

Answer 1

キーがアップまたはダウンの場合、4つのブール変数が設定されます。 keydownでtrueに設定し、keyupでfalseに設定します。 （key_d == true）{//キーdが押されているとすれば可能です}

それを行う最良の方法です。その "ハッキー"ではなく、キーの押下を処理するイベントリスナを追加します。

Answer 2

どのキーが押されたかを判断するのに、​​、keyup、またはkeypressを使用することはできません。ただし、これらのイベントハンドラの1つでこのコードを実行する代わりに、それらの中にいくつかのグローバルフラグを設定および解除することができます。その後、このコードが実行されると（私はそれがある種の間隔にあると仮定していますか？）、フラグをチェックできます。

Answer 3

イベントリスナーが必要です。

//function foo, returns keypress 
function foo(e){ 
var evt=(e)?e:(window.event)?window.event:null; 
if(evt){ 
    var key=(evt.charCode)?evt.charCode: 
     ((evt.keyCode)?evt.keyCode:((evt.which)?evt.which:0)); 
    return key; 
} 

//set event listener 
//you could also attach this to your canvas, but that will require tricks 
//to make the canvas focusable 
document.addEventListener('keydown', foo);