如何用 JavaScript 用鍵盤“回車”觸發按鈕點選?


要使用 JavaScript 在鍵盤“回車”上觸發按鈕點選,程式碼如下 −

示例

 線上演示

<!DOCTYPE html>
<html>
<head>
<h1>Trigger Button Click on Enter Example</h1>
<input id="inputField" value="Some text.." />
<button id="alertBtn" onclick="alert('Button has been clicked')">
Button
</button>
<h2>
Press the "Enter" key inside the above input field to trigger the button.
</h2>
<script>
   var inputText = document.getElementById("inputField");
   inputText.addEventListener("keyup", function(event) {
      if (event.keyCode === 13) {
         event.preventDefault();
         document.getElementById("alertBtn").click();
      }
   });
</script>
</body>
</html>

輸出

以上程式碼將產生以下輸出 −

在欄位中鍵入內容,然後按回車 −

更新於:06-May-2020

1K+ 檢視

開啟您的 職業

透過完成課程獲得認證

開始
廣告