如何在 JavaScript 中使用 Enter 鍵觸發按鈕點選？

透過 JavaScript 的 Enter Key Magic 觸發按鈕點擊

在 Web 開發中，讓使用者能夠方便地執行操作至關重要。增強可用性的一種方法是允許他們在特定輸入欄位中使用 Enter 鍵觸發按鈕點擊。

考慮這樣的場景：您的螢幕上有一個輸入文字方塊 (#txtSearch) 和一個按鈕 (#btnSearch)頁面。您希望在文字方塊中按下 Enter 鍵時執行按鈕的 doSomething() 函數。

釋放 JavaScript 能力

為了實現此功能，JavaScript 可以發揮作用。具體來說，我們將利用 keyup 事件，該事件在釋放按鍵時觸發。以下是如何輕鬆實現它：

$("#txtSearch").keyup(function(event) {
  if (event.keyCode === 13) {
    $("#btnSearch").click();
  }
});

分解：

• $("#txtSearch").keyup() 捕獲文字方塊中的keyup 事件.
• if (event.keyCode === 13) 檢查釋放的鍵是否為Enter（其keyCode為13).
• $("#btnSearch").click() 模擬點擊按鈕，觸發其 doSomething() 函數。

這段程式碼確保當 Enter在指定的文字方塊中按下鍵，它有效地執行了指定按鈕的點擊。

以上是如何在 JavaScript 中使用 Enter 鍵觸發按鈕點選？的詳細內容。更多資訊請關注PHP中文網其他相關文章！