编程 Javascript

文本框中,回车键触发事件的js代码[多浏览器兼容]

Posted in Javascript onJune 07, 2010

判断是否按下的为回车非常简单:

function EnterPress(){ 
if(event.keyCode == 13){ 
... 
} 
}

IE6的onkeypress会接受"回车事件",而onkeydown不会接受
IE8的onkeypress不会接受"回车事件",而onkeydown会接受
...不用纠结于此,两个都写上吧

<input type="text" onkeypress="EnterPress()" onkeydown="EnterPress()" />

但是,到了FF下面,又会出现矛盾.FF是onkeypress和onkeydown都接受"回车事件"的.
同时,为了兼容FF下面能获得event,需要这样写:

function EnterPress(e){ //传入 event 
var e = e || window.event; 
if(e.keyCode == 13){ 
... 
} 
}

那么,只要给任意的一个事件内传参数 event,另外一个不传参数,即可以让FF只执行一次了:

&<input type="text" onkeypress="EnterPress(event)" onkeydown="EnterPress()" />

综上,兼容IE和FF:

<head> 
<script> 
function EnterPress(e){ //传入 event 
var e = e || window.event; 
if(e.keyCode == 13){ 
document.getElementById("txtAdd").focus(); 
} 
} 
</script> 
</head> 
<body> 
<input type="text" id="txtName" onkeypress="EnterPress(event)" onkeydown="EnterPress()" /> 
<input type="text" id="txtAdd" /> 
</body>

--by:泡沫的幻想

文本框中,回车键触发事件的js代码[多浏览器兼容]

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

一实用的实现table排序的Javascript类库

Sep 12 Javascript

jQuery live

May 15 Javascript

js与jquery中获取当前鼠标的x、y坐标位置的代码

May 23 Javascript

js输出阴历、阳历、年份、月份、周示例代码

Jan 29 Javascript

通过Javascript读取本地Excel文件内容的代码示例

Apr 08 Javascript

javascript类型转换示例

Apr 29 Javascript

chrome下判断点击input上标签还是其余标签的实现方法

Sep 18 Javascript

浅谈JavaScript的自动垃圾收集机制

Dec 15 Javascript

jQuery实现搜索页面关键字的功能

Feb 16 Javascript

vue数据操作之点击事件实现num加减功能示例

Jan 19 Javascript

详解如何更好的使用module vuex

Mar 27 Javascript

详解JS函数防抖

Jun 05 Javascript

javascript下数值型比较难点说明

Jun 07 #Javascript

jQuery源码分析之Event事件分析

Jun 07 #Javascript

jQueryUI的Dialog的简单封装

Jun 07 #Javascript

jquery 的 $("#id").html() 无内容的解决方法

Jun 07 #Javascript

基于jquery+thickbox仿校内登录注册框

Jun 07 #Javascript

jquery 注意事项与常用语法小结

Jun 07 #Javascript

php上传图片并给图片打上透明水印的代码

Jun 07 #Javascript