jQuery 檢測ENTER鍵按下事件 · HowToDoInJava 中文系列教程

# jQuery 檢測`ENTER`鍵按下事件 > 原文： [https://howtodoinjava.com/jquery/jquery-detect-if-enter-key-is-pressed/](https://howtodoinjava.com/jquery/jquery-detect-if-enter-key-is-pressed/) 學習在 jQuery 中檢測`ENTER`鍵示例。這是常識，如果您必須檢測瀏覽器中按下的鍵，則必須檢入鍵碼（ascii）值。簡單容易。當您不知道如何正確使用此功能時，就會出現問題。例如，您是否需要綁定按鍵或按鍵？ `ENTER`鍵的 ascii 值是多少？ ## 1\. jQuery 檢測`ENTER`鍵注意，**“`ENTER`”鍵由 ASCII 代碼“13”** 表示。檢查此 [ASCII 圖表](http://www.asciitable.com/)。要檢查用戶是否在網頁或任何輸入元素上按下`ENTER`鍵，可以將`keypress`或`keydown`事件綁定到該元素或文檔對象本身。然后在`bind()`函數中檢查所按下鍵的鍵碼是否為 13。如果按鍵的 ASCII 碼為 13，則按“`ENTER`”鍵；否則，將按下其他鍵。 > **閱讀更多：[`keypress`事件和`keydown`事件之間的區別](//howtodoinjava.com/2013/12/20/jquery-keyup-function-demo/ "jQuery: difference between keypress and keydown events")** ## 2\. jQuery 檢測在文本框中按下的`ENTER`鍵 ```java $('#someTextBox').keypress(function(event){ var keycode = (event.keyCode ? event.keyCode : event.which); if(keycode == '13'){ alert('You pressed a "enter" key in textbox'); } }); ``` ## 3\. jQuery 檢測在文檔對象上按下的`ENTER`鍵 ```java $(document).keypress(function(event){ var keycode = (event.keyCode ? event.keyCode : event.which); if(keycode == '13'){ alert('You pressed a "enter" key in somewhere'); } }); ``` 在 Firefox 中，您必須使用`event.which`來獲取鍵碼； IE 支持“`event.keyCode`”和“`event.which`”。 ## 4\. jQuery 檢測`ENTER`鍵 – 嘗試一下 ```java <html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script> </head> <body> <h1>Detect ENTER key with jQuery</h1> <label>TextBox Area: </label> <input id="someTextBox" type="text" size="40" /> <script type="text/javascript"> //Bind keypress event to textbox $('#someTextBox').keypress(function(event){ var keycode = (event.keyCode ? event.keyCode : event.which); if(keycode == '13'){ alert('You pressed a "enter" key in textbox'); } //Stop the event from propogation to other handlers //If this line will be removed, then keypress event handler attached //at document level will also be triggered event.stopPropagation(); }); //Bind keypress event to document $(document).keypress(function(event){ var keycode = (event.keyCode ? event.keyCode : event.which); if(keycode == '13'){ alert('You pressed a "enter" key in somewhere'); } }); </script> </body> </html> ``` 學習愉快！