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


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之对系统的toFixed()方法的修正
May 08 Javascript
wordpress之js库集合研究介绍
Aug 17 Javascript
js中的异常处理try...catch使用介绍
Sep 21 Javascript
jquery将一个表单序列化为一个对象的方法
Jan 03 Javascript
JS+CSS实现TreeMenu二级树形菜单完整实例
Sep 18 Javascript
jQuery实现对象转为url参数的方法
Jan 11 Javascript
ajax接收后台数据在html页面显示
Feb 19 Javascript
javaScript实现滚动条事件详解
Mar 24 Javascript
vue构建动态表单的方法示例
Sep 22 Javascript
详解Vue 全局变量,局部变量
Apr 17 Javascript
Node中对非阻塞I/O、事件循环的知识点总结
Jan 05 Javascript
如何HttpServletRequest文件对象并储存
Aug 14 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
一个用于mysql的数据库抽象层函数库
2006/10/09 PHP
smarty静态实验表明,网络上是错的~呵呵
2006/11/25 PHP
php更改目录及子目录下所有的文件后缀扩展名的代码
2010/10/12 PHP
PHP学习之输出字符串(echo,print,printf,print_r和var_dump)
2011/04/17 PHP
如何利用php array_multisort函数 对数据库结果进行复杂排序
2013/06/08 PHP
基于jquery的动态创建表格的插件
2011/04/05 Javascript
基于jquery实现人物头像跟随鼠标转动
2015/08/23 Javascript
深入浅析Extjs中store分组功能的使用方法
2016/04/20 Javascript
jQuery实现的放大镜效果示例
2016/09/13 Javascript
深入理解Javascript中的valueOf与toString
2017/01/04 Javascript
jquery 校验中国身份证号码实例详解
2017/04/11 jQuery
JavaScript实现的原生态兼容IE6可调可控滚动文字功能详解
2017/09/19 Javascript
js canvas画布实现高斯模糊效果
2018/11/27 Javascript
微信小程序实现卡片左右滑动效果的示例代码
2019/05/01 Javascript
vue项目中定义全局变量、函数的几种方法
2019/11/08 Javascript
微信小程序wx.getUserInfo授权获取用户信息(头像、昵称)的实现
2020/08/19 Javascript
JavaScript实现点击出现子菜单效果
2021/02/08 Javascript
python简单猜数游戏实例
2015/07/09 Python
在Django中编写模版节点及注册标签的方法
2015/07/20 Python
python 全局变量的import机制介绍
2017/09/07 Python
python openvc 裁剪、剪切图片 提取图片的行和列
2019/09/19 Python
详解python tkinter包获取本地绝对路径(以获取图片并展示)
2020/09/04 Python
ffmpeg+Python实现B站MP4格式音频与视频的合并示例代码
2020/10/21 Python
英国在线自行车店:Merlin Cycles
2018/08/20 全球购物
环境工程大学生自荐信
2013/10/21 职场文书
大课间活动制度
2014/01/18 职场文书
大学生个人实习的自我评价
2014/02/15 职场文书
德语专业求职信
2014/03/12 职场文书
课外科技活动总结
2014/08/27 职场文书
纪念九一八事变演讲稿:青少年应树立远大理想
2014/09/14 职场文书
沙滩主题婚礼活动策划方案
2014/09/15 职场文书
2014年工程部工作总结
2014/11/25 职场文书
个人党性分析材料
2014/12/19 职场文书
校园新闻稿范文
2015/07/18 职场文书
MySQL 使用事件(Events)完成计划任务
2021/05/24 MySQL
JavaScript实现酷炫的鼠标拖尾特效
2022/02/18 Javascript