如何使用 jQuery 的 Keypress 事件偵測按下了哪個鍵？

使用jQuery 偵測按鍵：決定按下的鍵

在JavaScript 中，傳遞給事件處理程序的事件物件提供有關事件的訊息，包括按下的鍵。當觸發按鍵事件時，此資訊可用於確定按下了哪個按鍵。

使用keyCode 或which

jQuery 在事件物件上提供了兩個屬性，可用於取得此資訊：

• keyCode: 此屬性包含按下的鍵的數字表示。大多數瀏覽器都支援它。
• 其中： 此屬性包含數字表示形式或字元程式碼，視瀏覽器而定。它僅用於可列印字符，並非所有瀏覽器都支援。

按鍵事件處理程序

處理按鍵事件並決定按下的鍵，您可以將處理程序綁定到元素的按鍵事件。例如：

$('#searchbox input').bind('keypress', function(e) {
  var code = e.keyCode || e.which;

  if (code === 13) {
    // Handle ENTER keypress
  }
});

在此程式碼中，先檢查 keyCode 屬性，然後檢查 which 屬性，作為不支援 keyCode 的瀏覽器的備用屬性。

之間的差異keyCode 和which

keyCode 和which 之間的區別主要在於它們對特殊字符的處理。 keyCode 通常會傳回一個數值，而不管按下的字元如何，而它可能會傳回可列印字元的字元代碼。

但是，可能存在瀏覽器差異，通常建議檢查這兩個屬性並回退到一個屬性或其他，具體取決於可用的支援。

結論

透過使用 keyCode 或哪些屬性事件物件傳遞給按鍵事件處理程序，您可以確定按下了哪個鍵並相應地觸發特定操作。

以上是如何使用 jQuery 的 Keypress 事件偵測按下了哪個鍵？的詳細內容。更多資訊請關注PHP中文網其他相關文章！