[jQuery] 當使用者在輸入框按下 Enter 鍵時,做相關動作
在寫網頁時,有時會想要在按下 Enter 鍵時,就送出表單,
或是等同於按下某個按鈕的效果~
舉例來說,我希望使用者在文字框裡打入文字後,
按下 Enter 鍵時,就相當於按下「輸入國字」這個按鈕,
這要如何完成呢?
參考了一下 stackoverflow: JQuery Event for user pressing enter in a textbox?
原來只要用 jQuery 裡的 keypress() 事件函式,檢查 event.which 是不是 13 (Enter) 就行了:
$('#inputChar').keypress(function (event) { if (event.which === 13) { jsClickCompleteChar(); } }); $("#completeChar").on("click", jsClickCompleteChar);
上述的程式碼,會在 inputChar 這個元素 (是一個 <input type=”text”> 的文字輸入框) 被按下 Enter 時,
呼叫 keypress() 裡註冊的事件函式,
如果發現是 Enter 鍵時,就執行 jsClickCompleteChar() 這個函式,
跟直接點下 completeChar 這個按鈕時的動作一樣囉~
(本頁面已被瀏覽過 2,722 次)