如何防止按下 Enter 鍵時提交表單並執行自訂 JavaScript？

防止按下 Enter 鍵時提交表單

當使用者在表單中按 Enter 鍵時，預設行為是提交表單。但是，某些情況下需要阻止表單提交並執行自訂 JavaScript 函數。

要實現此目的，可以修改表單上的事件偵聽器以處理 Enter 按鍵。實作方法如下：

document.querySelector("form").addEventListener("keypress", (e) => {
  if (e.key === "Enter") {
    // Prevent form submission
    e.preventDefault();

    // Call your JavaScript function
    customFunction();
  }
});

function customFunction() {
  // Your custom JavaScript function logic
}

在此範例中，透過在事件處理程序中呼叫 e.preventDefault() 來封鎖表單提交。透過新增此條件並呼叫自訂函數，Enter 鍵會觸發 customFunction()，而不是提交表單。

注意：

現代瀏覽器建議使用 e. key 而不是 e.keyCode。但是，為了與舊版瀏覽器相容，可能需要同時使用兩者。

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