首頁 > web前端 > js教程 > 如何使用 JavaScript 在文字方塊中按 Enter 鍵觸發按鈕按一下?

如何使用 JavaScript 在文字方塊中按 Enter 鍵觸發按鈕按一下?

Patricia Arquette
發布: 2024-12-20 08:57:11
原創
908 人瀏覽過

How to Trigger a Button Click with the Enter Key in a Text Box using JavaScript?

使用JavaScript 從文字方塊Enter 鍵觸發按鈕點選

在特定文字內按下Enter 鍵時觸發按鈕的點擊事件框,利用以下jQuery程式碼:

$("#id_of_textbox").keyup(function(event) {
    if (event.keyCode === 13) {
        $("#id_of_button").click();
    }
});
登入後複製

以下是它的方法運作原理:

  • $("#id_of_textbox"):透過 ID 選取文字方塊元素。
  • .keyup(function(event)):在文字方塊中。
  • event.keyCode === 13:檢查按下的鍵碼是否為13,對應Enter key.
  • $("#id_of_button").click():觸發指定ID的按鈕元素上的點選事件。

例如,考慮以下HTML:

<input type="text">
登入後複製

要在「txtSearch」文字方塊中按下Enter 鍵時觸發「搜尋」按鈕點擊,請使用此jQuery程式碼:

$("#txtSearch").keyup(function(event) {
    if (event.keyCode === 13) {
        $("#btnSearch").click();
    }
});
登入後複製

以上是如何使用 JavaScript 在文字方塊中按 Enter 鍵觸發按鈕按一下?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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