如何防止按 Enter 键时提交表单？

按 Enter 键时阻止表单提交

按 Enter 键时阻止表单提交可确保焦点保留在当前字段上并允许改为触发 JavaScript 函数。解决方案包括处理按键事件并根据输入的按键代码有条件地阻止提交。

实现

在 HTML 中，将 onkeypress 属性添加到 form 元素。此属性应调用检查关键代码的 JavaScript 函数。在下面的示例中，runScript 函数在 scriptBox 文本输入上执行：

<form onkeypress="return runScript(event)">
  <input>

runScript 函数检查事件的关键代码。如果代码与 Enter 键（通常为 13）匹配，则函数返回 false，从而阻止表单提交。

function runScript(e) {
  if (e.keyCode == 13) {
    // Invoke your JavaScript function here...

    return false;
  } else {
    return true;
  }
}

注意：

虽然 keyCode 在现代浏览器，它仍然受到广泛支持。但是，建议考虑使用替代方法，例如 key 或 which 以获得更广泛的兼容性。

以上是如何防止按 Enter 键时提交表单？的详细内容。更多信息请关注PHP中文网其他相关文章！