文本框中,回车键触发事件的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:泡沫的幻想
Javascript 相关文章推荐
js网页侧边随页面滚动广告效果实现
Apr 14 Javascript
jquery js 获取时间差、时间格式具体代码
Jun 05 Javascript
随鼠标移动的时钟非常漂亮遗憾的是只支持IE
Aug 12 Javascript
setTimeout内不支持jquery的选择器的解决方案
Apr 28 Javascript
JavaScipt中栈的实现方法
Feb 17 Javascript
基于JavaScript实现复选框的全选和取消全选
Feb 09 Javascript
jQuery Tree Multiselect使用详解
May 02 jQuery
Vue EventBus自定义组件事件传递
Jun 25 Javascript
jQuery使用each遍历循环的方法
Sep 19 jQuery
Vue将页面导出为图片或者PDF
Aug 17 Javascript
JavaScript进阶(二)词法作用域与作用域链实例分析
May 09 Javascript
解决vue项目中某一页面不想引用公共组件app.vue的问题
Aug 14 Javascript
javascript下数值型比较难点说明
Jun 07 #Javascript
jQuery源码分析之Event事件分析
Jun 07 #Javascript
jQueryUI的Dialog的简单封装
Jun 07 #Javascript
jquery 的 $(&quot;#id&quot;).html() 无内容的解决方法
Jun 07 #Javascript
基于jquery+thickbox仿校内登录注册框
Jun 07 #Javascript
jquery 注意事项与常用语法小结
Jun 07 #Javascript
php上传图片并给图片打上透明水印的代码
Jun 07 #Javascript
You might like
德生S2000南麂列岛台湾FM收听记录
2021/03/02 无线电
索尼SONY SRF-S83/84电路分析和打磨
2021/03/02 无线电
社区(php&amp;&amp;mysql)二
2006/10/09 PHP
php.ini 配置文件的深入解析
2013/06/17 PHP
phpstrom使用xdebug配置方法
2013/12/17 PHP
Laravel中encrypt和decrypt的实现方法
2017/09/24 PHP
JavaScript入门教程(10) 认识其他对象
2009/01/31 Javascript
jquery tools之tabs 选项卡/页签
2009/07/25 Javascript
js限制文本框输入长度两种限制方式(长度、字节数)
2012/12/19 Javascript
JavaScript设计模式之原型模式(Object.create与prototype)介绍
2014/12/28 Javascript
javaScript中with函数用法实例分析
2015/06/08 Javascript
Javascript日期格式化format函数的使用方法
2016/08/30 Javascript
详解angularjs的数组传参方式的简单实现
2017/07/28 Javascript
vue 通过下拉框组件学习vue中的父子通讯
2017/12/19 Javascript
4个顶级JavaScript高级文本编辑器
2018/10/10 Javascript
小程序实现锚点滑动效果
2019/09/23 Javascript
vue+element 实现商城主题开发的示例代码
2020/03/26 Javascript
[02:26]2016国际邀请赛8月3日开战 中国军团出征西雅图
2016/08/02 DOTA
[01:01:01]完美世界DOTA2联赛循环赛 GXR vs FTD BO2第一场 10.29
2020/10/29 DOTA
[50:54]完美世界DOTA2联赛 GXR vs IO 第三场 11.07
2020/11/10 DOTA
跟老齐学Python之玩转字符串(2)
2014/09/14 Python
Python实现模拟分割大文件及多线程处理的方法
2017/10/10 Python
详解Django中间件执行顺序
2018/07/16 Python
Python实现链表反转的方法分析【迭代法与递归法】
2020/02/22 Python
django Layui界面点击弹出对话框并请求逻辑生成分页的动态表格实例
2020/05/12 Python
css3实现六边形边框的实例代码
2019/05/24 HTML / CSS
官方授权图形T恤和服装:Fifth Sun
2019/06/12 全球购物
中专生毕业个人鉴定
2014/02/26 职场文书
《长征》教学反思
2014/04/27 职场文书
检讨书1000字
2014/10/11 职场文书
公务员党的群众路线教育实践活动学习心得体会
2014/10/30 职场文书
2014年安全工作总结范文
2014/11/13 职场文书
拾金不昧表扬信
2015/01/16 职场文书
2015年勤工助学工作总结
2015/04/29 职场文书
房屋产权证明书
2015/06/19 职场文书
2016优秀大学生个人事迹材料范文
2016/03/01 职场文书