首頁 > web前端 > js教程 > 如何確定 jQuery 按鍵事件中按下的鍵?

如何確定 jQuery 按鍵事件中按下的鍵?

Patricia Arquette
發布: 2024-12-09 11:07:07
原創
468 人瀏覽過

How Can I Determine the Pressed Key in a jQuery Keypress Event?

在jQuery 按鍵事件中判斷按下的按鍵

在jQuery 中綁定按鍵事件時,有兩個屬性可以用來識別按下的按鍵: keyCode和which。

使用keyCode 和which

你可以找出哪個鍵使用 keyCode 或事件物件的 which 屬性按下。

$('#searchbox input').bind('keypress', function(e) {
  var code = e.keyCode || e.which;
  if (code == 13) { //Enter keycode
    //Do something
  }
});
登入後複製

瀏覽器支援的變化

某些瀏覽器同時提供 keyCode 和 which,而其他瀏覽器可能只提供一個。一般來說,較新的瀏覽器首選這種方式,而較舊的瀏覽器則支援 keyCode。

按 ENTER 鍵提交

要在按下 ENTER 鍵時觸發提交,可以使用以下程式碼:

$('#searchbox input').bind('keypress', function(e) {
  var code = e.keyCode || e.which;
  if (code == 13) {
    $(this).closest('form').submit();
  }
});
登入後複製

以上是如何確定 jQuery 按鍵事件中按下的鍵?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板