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


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 相关文章推荐
真正的JQuery.ajax传递中文参数的解决方法
May 28 Javascript
在标题栏显示新消息提示,很多公司项目中用到这个方法
Nov 04 Javascript
让input框实现类似百度的搜索提示(基于jquery事件监听)
Jan 31 Javascript
JavaScript中判断函数、变量是否存在
Jun 10 Javascript
一个php+js实时显示时间问题
Oct 12 Javascript
Bootstrap Validator 表单验证
Jul 25 Javascript
AngularJS入门教程之过滤器用法示例
Nov 02 Javascript
Bootstrap实现提示框和弹出框效果
Jan 11 Javascript
使用Node.js实现ORM的一种思路详解(图文)
Oct 24 Javascript
npm配置国内镜像资源+淘宝镜像的方法
Sep 07 Javascript
js实现多个倒计时并行 js拼团倒计时
Feb 25 Javascript
Vue最新防抖方案(必看篇)
Oct 30 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
PHP4实际应用经验篇(7)
2006/10/09 PHP
php生成xml简单实例代码
2009/12/16 PHP
让你成为更出色的PHP开发者的10个技巧
2011/02/25 PHP
回帖脱衣服的图片实现代码
2014/02/15 PHP
php使用反射插入对象示例分享
2014/03/11 PHP
Smarty使用自定义资源的方法
2015/08/08 PHP
php workerman定时任务的实现代码
2018/12/23 PHP
PHP连续签到功能实现方法详解
2019/12/04 PHP
用js实现多域名不同文件的调用方法
2007/01/12 Javascript
jquery ready(fn)事件使用介绍
2013/08/21 Javascript
Javascript实现简单二级下拉菜单实例
2014/06/15 Javascript
javascript制作坦克大战全纪录(1)
2014/11/27 Javascript
js实现文件上传表单域美化特效
2015/11/02 Javascript
使用bootstrap3开发响应式网站
2016/05/12 Javascript
JS实现改变HTML上文字颜色和内容的方法
2016/12/30 Javascript
JavaScript中一些特殊的字符运算
2017/08/17 Javascript
简单谈谈vue的过渡动画(推荐)
2017/10/11 Javascript
JS基于贪心算法解决背包问题示例
2017/11/27 Javascript
vuex的使用及持久化state的方式详解
2018/01/23 Javascript
JavaScript函数定义方法实例详解
2019/03/05 Javascript
Node.js web 应用如何封装到Docker容器中
2020/09/01 Javascript
Python下的Mysql模块MySQLdb安装详解
2014/04/09 Python
为Python程序添加图形化界面的教程
2015/04/29 Python
python多进程实现进程间通信实例
2017/11/24 Python
python tools实现视频的每一帧提取并保存
2020/03/20 Python
Pytorch实现LSTM和GRU示例
2020/01/14 Python
python实现逆滤波与维纳滤波示例
2020/02/26 Python
python 使用建议与技巧分享(四)
2020/08/18 Python
配置H5的滚动条样式的示例代码
2018/03/09 HTML / CSS
应届大学生求职的自我评价
2013/11/17 职场文书
城管综合整治方案
2014/05/01 职场文书
优秀应届生求职信
2014/06/16 职场文书
2015年仓库管理员工作总结
2015/04/21 职场文书
班主任培训研修日志
2015/11/13 职场文书
2016国庆节活动宣传语
2015/11/25 职场文书
Django集成富文本编辑器summernote的实现步骤
2021/05/31 Python