防止按ENTER 鍵提交表單
在基於Web 的應用程式中，防止按ENTER 鍵提交表單可確保表單僅在當用戶明確點擊提交按鈕時提交。這種方法增強了使用者體驗並防止意外的表單提交。
要防止ENTER 鍵觸發表單提交，您可以使用以下程式碼片段：
function checkEnter(e) {
e = e || event;
var txtArea = /textarea/i.test((e.target || e.srcElement).tagName);
return txtArea || (e.keyCode || e.which || e.charCode || 0) !== 13;
}一旦定義了checkEnter 函數，您可以將其作為按鍵處理程序附加到表單中：
<form [...] onkeypress="return checkEnter(event)">
或者，您可以使用以下命令ES20xx 方法：
document.addEventListener(`keypress`, handle);
function handle(evt) {
const form = evt.target.closest(`#testForm`);
if (form) {
if (evt.target.dataset.enterForSubmit) {
if (evt.key === `Enter`) {
evt.preventDefault();
return logClear(`won't submit "${evt.target.value}"`);
}
return true;
}
}
}該方法使用事件委託來阻止按下ENTER 鍵時提交表單，允許用戶在textarea 元素中輸入多行文字而不觸發提交。
以上是如何防止按下回車鍵時提交表單？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
