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即可以是键盘的键值,也可以是鼠标的键值。

作者最新文章