如何在 JavaScript 中偵測同時按下的按鍵？

在JavaScript 中偵測同時按下多個按鍵

在JavaScript 中，判斷是否同時按下多個按鍵可以透過以下步驟實作：

1. 建立一個名為「map」的JavaScript陣列或

2. 在keydown 和keyup 事件監聽器中，操作「map」陣列：

   • 按下某個鍵（keydown 事件）時，設定對應的鍵碼或數組中的鍵設定為“true”。
   • 當釋放按鍵時（keyup事件），將數組中對應的鍵碼或鍵設為"false."
3. 利用「map」數組透過評估其值來檢查特定的按鍵組合

範例

// Create an array to track key presses
var map = {};

// Add event listeners for keydown and keyup events
document.addEventListener("keydown", function(e) {
  map[e.keyCode] = true;
});
document.addEventListener("keyup", function(e) {
  map[e.keyCode] = false;
});

// Check for key combinations using the map array
if (map[17] && map[16] && map[65]) {
  console.log("Ctrl + Shift + A pressed");
}

腳本

• 腳本用
• 腳本用

• 當使用者按下「A」鍵，「map[65]」元素設定為「true」（Ctrl 為17，Shift 為16，A 為65）：map = { 17: true, 16: true, 65: true }.如果使用者按下多個按鍵，陣列中對應的元素將會被對應設定。

  要偵測特定的按鍵組合，請參考腳本中的「if」條件，用於檢查「Ctrl Shift A」組合。
  • 重要說明
  • 棄用 keyCode: 事件.keyCode 現已棄用。應使用替代方法，例如 event.key。
  • 事件處理注意事項：請注意所採用的事件處理機制（例如，element.onkeydown 與 element.addEventListener），因為它們提供不同的功能行為。
  瀏覽器預設設定：某些組合鍵可能具有預設的瀏覽器操作。考慮使用 event.preventDefault() 或 return false 來阻止這些操作。 使用 return 或 e.preventDefault() 退出事件處理程序時要小心，因為它們對事件處理和程式碼執行有不同的影響。 要獲得更全面的功能，您可以建立輔助類別或利用聲明式程式設計來獲得更簡潔、更易於管理的方法。

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