[jQuery] 當使用者在輸入框按下 Enter 鍵時,做相關動作

[jQuery] 當使用者在輸入框按下 Enter 鍵時,做相關動作

在寫網頁時,有時會想要在按下 Enter 鍵時,就送出表單,

或是等同於按下某個按鈕的效果~

舉例來說,我希望使用者在文字框裡打入文字後,

按下 Enter 鍵時,就相當於按下「輸入國字」這個按鈕,

這要如何完成呢?

Screen Shot 2015-12-13 at 10.52.37 PM  

 

參考了一下 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 次)

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料