JavaScript は同時に押された複数のキーをどのように検出できるのでしょうか?

JavaScript を使用して複数のキーが同時に押されたかどうかを検出する方法

問題ステートメント

複数のキーが同時に押された場合、ゲーム エンジンで問題が発生する可能性がありますキー検出の問題。たとえば、スペースバーを押してジャンプし、右矢印キーを押して右に移動すると、ジャンプ後にキャラクターの動きが止まる場合があります。これは、キーの押下を検出するために使用される keydown 関数が複数の同時キーストロークを処理できないためです。

解決策

1. 押されたキーを追跡するための JavaScript マップ オブジェクトを作成します。

var map = {};

2. キーダウンとキーアップの両方にイベント リスナーをアタッチしますイベント。

onkeydown = onkeyup = function(e) {
  e = e || event;
  map[e.keyCode] = e.type == 'keydown';
};

3. ゲーム エンジン ロジック内で複数のキーが同時に押されていないか確認してください。

if (map[17] && map[16] && map[65]) {
  // CTRL+SHIFT+A pressed
}

追加メモ

• keyCode は非推奨となり、押されたキーの文字列表現を返す key が優先されます。 (例: A の "a")。
• 後者は以前のハンドラーをオーバーライドするため、element.onevent の代わりに addEventListener を使用します。
• event.preventDefault() を使用してデフォルトのブラウザーアクションを防止します。
• 複数のキー検出ロジックを抽象化するヘルパー クラスまたは関数を作成することを検討してください。

以上がJavaScript は同時に押された複数のキーをどのように検出できるのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。