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

避免按 Enter 鍵時提交表單

為了方便按 Enter鍵時的自訂功能，同時避免表單提交，停用表單的預設提交至關重要

解決方案：

要實現此目的，請透過定義事件監聽器來攔截Enter 鍵事件：

if(characterCode == 13) {
    // Prevent event propagation
    return false; 
} else{
    return true;
}

此程式碼片段確保回車鍵不會進一步傳播事件，從而有效防止形成

示例：

考慮帶有以下文本框的表單：

<input>

從此文字方塊執行自訂腳本輸入按鍵而不觸發表單提交，使用此程式碼：

function runScript(e) {
    // Prevent form submission if Enter key is pressed
    if (e.keyCode == 13) {
        var tb = document.getElementById("scriptBox");
        eval(tb.value);
        return false;
    }
}

透過從事件返回false監聽器函數中，Enter 鍵事件被有效停用，允許自訂腳本無需提交即可執行。

注意：

雖然不建議使用 keyCode，但它仍然存在實踐中可行的選擇。此外，儘管它已被棄用，但它仍然很常用。

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