如何防止按 Enter 键时提交表单？-js教程-PHP中文网

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

Mary-Kate Olsen

发布： 2024-11-27 00:00:18

原创

479 人浏览过

How Can I Prevent Form Submission When Pressing the Enter Key?

防止使用 Enter 键提交表单

使用表单时，按 Enter 键触发提交而不是执行可能会令人沮丧所需的 JavaScript 函数。要解决此问题，有必要阻止表单响应 Enter 按键而提交。

一种有效的方法是利用 JavaScript 的事件侦听器。通过将函数附加到按键事件，您可以处理按键行为并阻止表单提交。操作方法如下：

document.addEventListener("keypress", function(e) {
  if (e.keyCode == 13) {
    // Call the desired JavaScript function here
    // ...
    
    // Prevent form submission
    e.preventDefault();
  }
});

登录后复制

在此代码中：

document.addEventListener 监听“keypress”事件。
e.keyCode == 13 检查按下的键是否为 Enter 键。
如果按下 Enter 键，则执行所需的 JavaScript函数被执行。
e.preventDefault() 阻止表单提交。

通过实现此代码，您可以在按下 Enter 键时禁用表单提交并重定向操作改为自定义 JavaScript 函数。

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