JavaScript 禁止回车提交表单的完整实现方案
作者:窗边听雨时间:2026-10-27 20:08:29浏览:376
本文提供了一段 JavaScript 代码,用于禁用表单中回车键(Enter)的默认提交行为。通过监听 document.onkeydown 事件,判断按键代码是否为 13,若为回车则返回 false 阻止提交;否则若目标元素为 submit 类型,则手动调用 form1.submit() 提交表单。
JavaScript 禁用回车提交表单的实现
具体实现方式如下所示。
复制上述代码即可使用。
核心代码逻辑如下:
定义一个名为 ifenter 的函数:
在函数内部判断 event.keyCode 是否等于 13(回车键):
如果是回车键,则返回 false 以阻止默认提交行为:
如果不是回车键,则进一步判断 event.srcElement.type 是否等于 "submit":
若目标元素类型为 submit,则执行 form1.submit() 手动提交表单:
}
}
最后,将 document.onkeydown 事件绑定到 ifenter 函数,以启用该逻辑:作者最新文章
anime.js 快速入门:怎么引入库并编写第一个 DOM 动画
2026-11-05 14:22:43
在线JS解密后变量名仍乱码?结合浏览器DevTools调试还原
2026-11-04 20:26:01
怎么在浏览器中运行JavaScript代码并查看输出结果
2026-11-04 09:07:33
JS 获取屏幕分辨率:window.screen.width 与 height 用法
2026-11-04 08:52:48
为什么推荐用DOMContentLoaded代替window.onload初始化JS
2026-11-04 08:42:33
