编程 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 相关文章推荐

使用原生javascript创建通用表单验证——更锋利的使用dom对象

Sep 13 Javascript

Javascript中this的用法详解

Sep 22 Javascript

深入理解JavaScript系列（40）：设计模式之组合模式详解

Mar 04 Javascript

Bootstrap模态对话框的简单使用

Apr 29 Javascript

jQuery Ajax和getJSON获取后台普通json数据和层级json数据用法分析

Jun 08 Javascript

JS实现倒计时(天数、时、分、秒)

Nov 16 Javascript

使用Ajax生成的Excel文件并下载的实例

Nov 21 Javascript

详解vue2.0的Element UI的表格table列时间戳格式化

Jun 13 Javascript

微信小程使用swiper组件实现图片轮播切换显示功能【附源码下载】

Dec 12 Javascript

Node.js折腾记一：读指定文件夹，输出该文件夹的文件树详解

Apr 20 Javascript

浅谈Node 异步IO和事件循环

May 05 Javascript

使用layui 的layedit定义自己的toolbar方法

Sep 18 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