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

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

Patricia Arquette
Patricia Arquette原創
2024-12-20 08:57:11954瀏覽

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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn