首页 > web前端 > js教程 > 如何防止按 Enter 键时提交表单?

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

Barbara Streisand
发布: 2024-11-26 09:07:12
原创
611 人浏览过

How to Prevent Form Submission on Enter Key Press?

按 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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板