使用 JS 和 jQuery 捕獲箭頭鍵
將函數綁定到 Javascript 和 jQuery 中的箭頭鍵是鍵盤導航的常見要求。雖然 jQuery 的 js-hotkey 插件擴展了內建綁定功能，但它缺乏對箭頭鍵的支援。
為了解決這個問題，這裡有一個簡單的解決方案：
<code class="javascript">document.onkeydown = function(e) {
switch(e.which) {
case 37: // left
break;
case 38: // up
break;
case 39: // right
break;
case 40: // down
break;
default: return; // exit this handler for other keys
}
e.preventDefault(); // prevent the default action (scroll / move caret)
};</code>此程式碼擷取使用 switch 語句的左、上、右和下箭頭鍵的擊鍵。您可以在每種情況下定義所需的操作。
請注意，對於不支援which屬性的瀏覽器（例如IE8），請修改函數體如下：
<code class="javascript">document.onkeydown = function(e) {
e = e || window.event;
switch(e.which || e.keyCode) {
case 37: // left
break;
// ...
}
};</code>或者，對於現代瀏覽器，KeyboardEvent.key 屬性可用於偵測箭頭鍵，如下例所示：
<code class="javascript">document.onkeydown = function(e) {
switch(e.key) {
case "ArrowLeft": // left
break;
// ...
}
};</code>透過實作此程式碼，您可以輕鬆地將函數綁定到JavaScript 中的箭頭鍵或jQuery 應用程式。
以上是如何在 JavaScript 和 jQuery 中擷取箭頭擊鍵？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
