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


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实现的listview效果
Apr 28 Javascript
关于jQuery中的end()使用方法
Jul 10 Javascript
网站接入QQ登录的两种方法
Jul 22 Javascript
jquery select2的使用心得(推荐)
Dec 04 Javascript
Javascript计算二维数组重复值示例代码
Dec 18 Javascript
Bootstrap笔记之缩略图、警告框实例详解
Mar 09 Javascript
JavaScript的继承实现小结
May 07 Javascript
canvas+gif.js打造自己的数字雨头像的示例代码
Oct 26 Javascript
微信小程序左滑删除功能开发案例详解
Nov 12 Javascript
微信小程序判断用户是否需要再次授权获取个人信息
Jul 18 Javascript
如何利用javascript接收json信息并进行处理
Aug 06 Javascript
基于javascript实现放大镜特效
Dec 03 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
用PHP和ACCESS写聊天室(五)
2006/10/09 PHP
一个基于PDO的数据库操作类(新) 一个PDO事务实例
2011/07/03 PHP
PHP数组操作汇总 php数组的使用技巧
2011/07/17 PHP
PHP写的求多项式导数的函数代码
2012/07/04 PHP
php创建桌面快捷方式实现方法
2015/12/31 PHP
php的debug相关函数用法示例
2016/07/11 PHP
php断点续传之文件分割合并详解
2016/12/13 PHP
Windows 下安装 swoole 图文教程(php)
2017/06/05 PHP
PHP实现基于3DES算法加密解密字符串示例
2018/08/24 PHP
javascript数组操作总结和属性、方法介绍
2014/04/05 Javascript
JS小游戏之极速快跑源码详解
2014/09/25 Javascript
浅谈JS闭包中的循环绑定处理程序
2014/11/09 Javascript
angularJs中datatable实现代码
2017/06/03 Javascript
ES6中新增的Object.assign()方法详解
2017/09/22 Javascript
vue对storejs获取的数据进行处理时遇到的几种问题小结
2018/03/20 Javascript
小程序实现列表多个批量倒计时
2021/01/29 Javascript
手把手教你使用TypeScript开发Node.js应用
2019/05/06 Javascript
原生JS实现列表内容自动向上滚动效果
2019/05/22 Javascript
Vue基础学习之项目整合及优化
2019/06/02 Javascript
详解关于Vue单元测试的几个坑
2020/04/26 Javascript
关于vue 项目中浏览器跨域的配置问题
2020/11/10 Javascript
python中__call__方法示例分析
2014/10/11 Python
Python中使用摄像头实现简单的延时摄影技术
2015/03/27 Python
Python使用redis pool的一种单例实现方式
2016/04/16 Python
详解python中的 is 操作符
2017/12/26 Python
Python面向对象基础入门之设置对象属性
2018/12/11 Python
python实现画五角星和螺旋线的示例
2019/01/20 Python
django配置连接数据库及原生sql语句的使用方法
2019/03/03 Python
Flask框架学习笔记之路由和反向路由详解【图文与实例】
2019/08/12 Python
新手常见Python错误及异常解决处理方案
2020/06/18 Python
美国户外服装和装备购物网站:Outland USA
2020/03/22 全球购物
化工专业大学生职业生涯规划书
2014/01/14 职场文书
技术比武方案
2014/05/19 职场文书
思想作风整顿个人剖析材料
2014/10/06 职场文书
机关干部作风整顿心得体会
2016/01/22 职场文书
2016年先进班集体事迹材料
2016/02/26 职场文书