如何防止按 Enter 鍵時提交表單？-js教程-PHP中文網

如何防止按 Enter 鍵時提交表單？

Mary-Kate Olsen

發布： 2024-11-27 00:00:18

原創

479 人瀏覽過

How Can I Prevent Form Submission When Pressing the Enter Key?

防止使用Enter 鍵提交表單

使用表單時，按Enter 鍵觸發提交而不是執行可能會令人沮喪所需的沮喪JavaScript 函數。若要解決此問題，有必要阻止表單回應 Enter 按鍵而提交。

一個有效的方法是利用 JavaScript 的事件偵聽器。透過將函數附加到按鍵事件，您可以處理按鍵行為並阻止表單提交。操作方法如下：

document.addEventListener("keypress", function(e) {
  if (e.keyCode == 13) {
    // Call the desired JavaScript function here
    // ...
    
    // Prevent form submission
    e.preventDefault();
  }
});

登入後複製

在此程式碼中：

document.addEventListener 監聽「keypress」事件。
e.keyCode == 13 檢查按下的鍵是否為 Enter 鍵。
如果按下 Enter 鍵，則執行所需的 JavaScript函數被執行。
e.preventDefault() 阻止表單提交。

透過實作此程式碼，您可以在按下 Enter 鍵時停用表單提交並重定向操作改為自訂 JavaScript 函數。

以上是如何防止按 Enter 鍵時提交表單？的詳細內容。更多資訊請關注PHP中文網其他相關文章！