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


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 相关文章推荐
JavaScript 继承详解 第一篇
Aug 30 Javascript
鼠标经过tr时,改变tr当前背景颜色
Jan 13 Javascript
jquery实现标题字体变换的滑动门菜单效果
Sep 07 Javascript
原生node.js案例--前后台交互
Feb 20 Javascript
用vue快速开发app的脚手架工具
Jun 11 Javascript
详解小程序设置缓存并且不覆盖原有数据
Apr 15 Javascript
理理Vue细节(推荐)
Apr 16 Javascript
vue中使用v-model完成组件间的通信
Aug 22 Javascript
深入浅析vue中cross-env的使用
Sep 12 Javascript
vue新建项目并配置标准路由过程解析
Dec 09 Javascript
vue项目启动出现cannot GET /服务错误的解决方法
Apr 26 Javascript
Vue 打包体积优化方案小结
May 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
百度地图经纬度转换到腾讯地图/Google 对应的经纬度
2015/08/28 PHP
zend framework中使用memcache的方法
2016/03/04 PHP
thinkPHP数据查询常用方法总结【select,find,getField,query】
2017/03/15 PHP
php屏蔽错误及提示的方法
2020/05/10 PHP
让JavaScript拥有类似Lambda表达式编程能力的方法
2010/09/12 Javascript
基于jQuery实现表格数据的动态添加与统计的代码
2011/01/31 Javascript
中国地区三级联动下拉菜单效果分析
2012/11/15 Javascript
js操作textarea 常用方法总结
2012/12/03 Javascript
判断JS对象是否拥有某种属性的两种方式
2013/12/02 Javascript
js window.onload 加载多个函数和追加函数详解
2014/01/08 Javascript
jQuery获取节点和子节点文本的方法
2014/07/22 Javascript
Jquery ajax基础教程
2015/11/20 Javascript
jQuery模仿阿里云购买服务器选择购买时间长度的代码
2016/04/29 Javascript
js阻止冒泡和默认事件(默认行为)详解
2016/10/20 Javascript
利用jQuery来动态为属性添加或者删除属性的简单方法
2016/12/02 Javascript
Nodejs 和 Electron ubuntu下快速安装过程
2018/05/04 NodeJs
微信小程序实现美团菜单
2018/06/06 Javascript
vue动态删除从数据库倒入列表的某一条方法
2018/09/29 Javascript
使用layui监听器监听select下拉框,事件绑定不成功的解决方法
2019/09/28 Javascript
[48:51]完美世界DOTA2联赛PWL S2 Magma vs InkIce 第一场 11.28
2020/12/02 DOTA
[09:59]DOTA2-DPC中国联赛2月7日Recap集锦
2021/03/11 DOTA
Python易忽视知识点小结
2015/05/25 Python
独特的python循环语句
2016/11/20 Python
分享6个隐藏的python功能
2017/12/07 Python
python3实现zabbix告警推送钉钉的示例
2019/02/20 Python
Django实现单用户登录的方法示例
2019/03/28 Python
Python使用百度api做人脸对比的方法
2019/08/28 Python
Python实现栈的方法详解【基于数组和单链表两种方法】
2020/02/22 Python
CSS3中的opacity属性使用教程
2015/08/19 HTML / CSS
青年文明号事迹材料
2014/01/18 职场文书
小学生个人先进事迹材料
2014/05/08 职场文书
作风建设年活动实施方案
2014/10/24 职场文书
商铺租房协议书范本
2014/12/04 职场文书
2015年元旦标语大全
2014/12/09 职场文书
《酸的和甜的》教学反思
2016/02/18 职场文书
MySQL Server层四个日志的实现
2022/03/31 MySQL