浏览器脚本兼容 文本框中,回车键触发事件的兼容


Posted in Javascript onJune 21, 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 相关文章推荐
Prototype使用指南之array.js
Jan 10 Javascript
学习jquery必备 api中英文对照的chm手册 下载
May 03 Javascript
javascript 尚未实现错误解决办法
Nov 27 Javascript
JavaScript 嵌套函数指向this对象错误的解决方法
Mar 15 Javascript
jquery实现更改表格行顺序示例
Apr 30 Javascript
jQuery实现手机上输入后隐藏键盘功能
Jan 04 Javascript
javascript中递归的两种写法
Jan 17 Javascript
JS判断时间段的实现代码
Jun 14 Javascript
Vue2.0利用vue-resource上传文件到七牛的实例代码
Jul 28 Javascript
Vue Promise的axios请求封装详解
Aug 13 Javascript
js实现unicode码字符串与utf8字节数据互转详解
Mar 21 Javascript
SSM+layUI 根据登录信息显示不同的页面方法
Sep 20 Javascript
在IE6下发生Internet Explorer cannot open the Internet site错误
Jun 21 #Javascript
复制Input内容的js代码_支持所有浏览器,修正了Firefox3.5以上的问题
Jun 21 #Javascript
js操作时间(年-月-日 时-分-秒 星期几)
Jun 20 #Javascript
用JavaScript玩转游戏物理(一)运动学模拟与粒子系统
Jun 19 #Javascript
一段批量给页面上的控件赋值js
Jun 19 #Javascript
一个简单的js渐显(fadeIn)渐隐(fadeOut)类
Jun 19 #Javascript
高性能WEB开发 flush让页面分块,逐步呈现 flush让页面分块,逐步呈现
Jun 19 #Javascript
You might like
?生?D片??C字串
2006/12/06 PHP
用PHP将数据导入到Foxmail的实现代码
2010/09/05 PHP
PHP实现PDO的mysql数据库操作类
2014/12/12 PHP
PHP函数checkdnsrr用法详解(Windows平台用法)
2016/03/21 PHP
详解PHP实现定时任务的五种方法
2016/07/25 PHP
图片完美缩放
2006/09/07 Javascript
优化javascript的执行速度
2010/01/23 Javascript
自己编写的类似JS的trim方法
2013/10/09 Javascript
一个js导致的jquery失效问题的解决方法
2013/11/27 Javascript
jQuery中first()方法用法实例
2015/01/06 Javascript
JS仿Windows开机启动Loading进度条的方法
2015/02/26 Javascript
JavaScript人脸识别技术及脸部识别JavaScript类库Tracking.js
2015/09/14 Javascript
javaScript+turn.js实现图书翻页效果实例代码
2017/02/16 Javascript
详解vue.js的devtools安装
2017/05/26 Javascript
详解原生js实现offset方法
2017/06/15 Javascript
微信小程序onShareTimeline()实现分享朋友圈
2021/01/07 Javascript
一文秒懂nodejs中的异步编程
2021/01/28 NodeJs
[00:56]跨越时空加入战场 全新祈求者身心“失落奇艺侍祭”展示
2019/07/20 DOTA
对python文件读写的缓冲行为详解
2019/02/13 Python
python matplotlib饼状图参数及用法解析
2019/11/04 Python
Python-for循环的内部机制
2020/06/12 Python
python能做哪方面的工作
2020/06/15 Python
POP文化和音乐灵感的时尚:Hot Topic
2019/06/19 全球购物
德国的各种媒体在线商店:Thalia.de(书籍、电子书、玩具等)
2020/10/08 全球购物
运动会广播稿60字
2014/01/15 职场文书
中级会计职业生涯规划书
2014/03/01 职场文书
助人为乐模范事迹材料
2014/06/02 职场文书
拓展训练激励口号
2014/06/17 职场文书
学校工作推荐信范文
2014/07/11 职场文书
美术教师个人工作总结
2015/02/06 职场文书
行政诉讼答辩状
2015/05/21 职场文书
Redis性能监控的实现
2021/07/09 Redis
python scrapy简单模拟登录的代码分析
2021/07/21 Python
Python 详解通过Scrapy框架实现爬取百度新冠疫情数据流程
2021/11/11 Python
Netty分布式客户端接入流程初始化源码分析
2022/03/25 Java/Android
SpringBoot详解执行过程
2022/07/15 Java/Android