JavaScript判断回车键提交及浏览器兼容性处理
作者:竹影时间:2026-10-28 10:39:25浏览:650
本文介绍如何在JavaScript中监听回车键触发表单提交,并解决不同浏览器对keyCode和which属性支持的差异。通过兼容代码获取按键值,实现跨浏览器的回车提交功能,适用于验证码输入等场景。
HTML表单结构示例
HTML结构代码如下:
<li class="item pin">
<span class="overlabel" style="display: block;">请输入验证码</span>
<input type="text" class="txt" id="checkNum" name="checkNum" maxlength="4" onkeydown="keyboardEvent(event);" />
<img src="${basePath}/randomImageCodeStyle" width="60" height="28" id="chkNum" title="单击重新加载验证码" style="cursor: hand" />
</li> JavaScript回车键监听与兼容处理
JavaScript实现代码如下:
//监听Enter键自动提交事件
function keyboardEvent(event){
var keyCode=event.keyCode ? event.keyCode:event.which?event.which:event.charCode;//解决浏览器之间的差异问题
if(keyCode==13){
submitForm();
}
} } // jQuery丢弃了标准的 button 属性采用 which,这有点让人费解。
} // which 是Firefox引入的,IE不支持。which的本意是获取键盘的键值(keyCode)。
} // jQuery中的which即可以是键盘的键值,也可以是鼠标的键值。
作者最新文章
网页开发三者分工:HTML结构、CSS样式与JavaScript交互怎么协作
2026-11-05 12:51:22
JS解析URL参数时怎么处理中文乱码和特殊字符
2026-11-05 12:47:23
js-cookie 存储 JSON 对象:自动序列化与反序列化技巧
2026-11-05 12:36:26
marked.js 快速上手:安装与基础 Markdown 转 HTML 示例
2026-11-05 09:32:53
Phaser.js 与 PixiJS、Cocos Creator 的技术选型对比
2026-11-05 08:36:30
