首頁 >web前端 >js教程 >為什麼我的 JavaScript `checkKey` 函數中未偵測到箭頭鍵擊?

為什麼我的 JavaScript `checkKey` 函數中未偵測到箭頭鍵擊?

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-11-24 14:04:14699瀏覽

Why are Arrow Keystrokes Not Detected in My JavaScript `checkKey` Function?

JavaScript 中的按鍵識別和箭頭鍵檢測

檢測鍵盤輸入對於許多 JavaScript 應用程式至關重要。雖然識別擊鍵通常很簡單,但由於箭頭鍵在大多數瀏覽器中的本機滾動行為,處理箭頭鍵提出了獨特的挑戰。本問題探討了使用 checkKey 函數時遇到的問題,該函數成功捕獲按鍵,但無法偵測箭頭按鍵。

此問題的答案在於與箭頭鍵關聯的特定事件類型。與常規按鍵不同,方向鍵僅觸發 onkeydown 事件。因此,要捕捉箭頭鍵輸入,需要相應修改checkKey 函數:

function checkKey(e) {
    var event = window.event ? window.event : e;
    if (event.type === "keydown")  // Check for keydown event
        console.log(event.keyCode)
}

此外,答案還提供了箭頭鍵對應的鍵碼:

  • 左= 37
  • 上= 38
  • 右 = 39
  • down = 40

利用這些按鍵程式碼,開發人員可以輕鬆實現響應箭頭鍵按下的功能。

以上是為什麼我的 JavaScript `checkKey` 函數中未偵測到箭頭鍵擊?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn