如何防止按下回車鍵時提交表單？

防止按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 函數，您可以將其作為按鍵處理程序附加到表單中：

或者，您可以使用以下命令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中文網其他相關文章！