JavaScript 如何偵測多個同時按下的按鍵？

如何使用JavaScript 偵測是否同時按下多個按鍵

問題陳述

同時按下多個按鍵時，遊戲引擎可能會遇到關鍵檢測問題。例如，按空白鍵跳躍，按右箭頭鍵向右移動可能會導致角色在跳躍後停止移動。這是因為用於偵測按鍵的 keydown 函數無法處理多個同時按鍵。

解決方案

1. 建立一個 JavaScript 映射物件來追蹤按下的按鍵。

var map = {};

2. 將事件偵聽器附加到 keydown 和 keyup事件。

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）。
• 使用 addEventListener 而不是 element.oneevent，因為後者會覆寫先前的處理程序。
• 使用 event.preventDefault() 封鎖預設瀏覽器操作。
• 考慮建立一個輔助類別或函數來抽像多鍵偵測邏輯。

以上是JavaScript 如何偵測多個同時按下的按鍵？的詳細內容。更多資訊請關注PHP中文網其他相關文章！