JavaScript判断回车键提交及浏览器兼容性处理

作者:竹影

时间:2026-10-28

浏览:649

本文介绍如何在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即可以是键盘的键值,也可以是鼠标的键值。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章