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


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 相关文章推荐
半角全角相互转换的js函数
Oct 16 Javascript
JavaScript Title、alt提示(Tips)实现源码解读
Dec 12 Javascript
jQuery基础框架浅入剖析
Dec 27 Javascript
利用cookie记住背景颜色示例代码
Nov 04 Javascript
MyEclipse取消验证Js的两种方法
Nov 14 Javascript
JS实现的表格行鼠标点击高亮效果代码
Nov 27 Javascript
javascript的正则匹配方法学习
Feb 24 Javascript
w3c编程挑战_初级脚本算法实战篇
Jun 23 Javascript
基于Vue生产环境部署详解
Sep 15 Javascript
React Native实现地址挑选器功能
Oct 24 Javascript
javascript性能优化之分时函数的介绍
Mar 28 Javascript
javascript+css实现俄罗斯方块小游戏
Jun 28 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
服务器端解压缩zip的脚本
2006/12/22 PHP
PHP自动生成后台导航网址的最佳方法
2013/08/27 PHP
Server.HTMLEncode让代码在页面里显示为源代码
2013/12/08 PHP
PHP+Ajax实现的博客文章添加类别功能示例
2018/03/29 PHP
php获取微信基础接口凭证Access_token
2018/08/23 PHP
css把超出的部分显示为省略号的方法兼容火狐
2008/07/23 Javascript
javascript 得到文件后缀名的思路及实现
2020/05/09 Javascript
js页面跳转的问题(跳转到父页面、最外层页面、本页面)
2013/08/14 Javascript
js定时器(执行一次、重复执行)
2014/03/07 Javascript
JQuery做的一个简单的点灯游戏分享
2014/07/16 Javascript
JavaScript中reduce()方法的使用详解
2015/06/09 Javascript
jquery实现邮箱自动填充提示功能
2015/11/17 Javascript
jQuery获取多种input值的简单实现方法
2016/06/20 Javascript
详解Vue监听数据变化原理
2017/03/08 Javascript
jQuery Ajax使用FormData上传文件和其他数据后端web.py获取
2017/06/11 jQuery
详解微信图片防盗链“此图片来自微信公众平台 未经允许不得引用”的解决方案
2019/04/04 Javascript
使用JQuery自动完成插件Auto Complete详解
2019/06/18 jQuery
JS前端模块化原理与实现方法详解
2020/03/17 Javascript
JavaScript快速调试的两个技巧
2020/11/04 Javascript
[00:20]DOTA2荣耀之路7:-ah fu-抢盾
2018/05/31 DOTA
[05:59]2018DOTA2国际邀请赛寻真——只为胜利的Secret
2018/08/13 DOTA
Python实现类的创建与使用方法示例
2017/07/25 Python
基于Django filter中用contains和icontains的区别(详解)
2017/12/12 Python
浅谈python 读excel数值为浮点型的问题
2018/12/25 Python
CSS3中currentColor关键字的妙用
2016/02/27 HTML / CSS
意大利灯具购物网站:Lampade.it
2018/10/18 全球购物
Lime Crime官网:美国一家主打梦幻精灵系的彩妆品牌
2019/03/22 全球购物
英国的一家创新礼品和小工具零售商:Menkind
2019/08/24 全球购物
应届生船舶驾驶求职信
2013/10/19 职场文书
励志演讲稿大全
2014/08/21 职场文书
单位作风建设剖析材料
2014/10/11 职场文书
2016关于军训的心得体会
2016/01/11 职场文书
2016廉洁教育心得体会
2016/01/20 职场文书
推荐六本经典文学奖书籍:此生必读
2019/08/22 职场文书
导游词之江苏溱潼古镇
2019/11/27 职场文书
Nginx安装配置详解
2022/06/25 Servers