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


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 相关文章推荐
node.js正则表达式获取网页中所有链接的代码实例
Jun 03 Javascript
js实现带圆角的两级导航菜单效果代码
Aug 24 Javascript
JS实现同一个网页布局滑动门和TAB选项卡实例
Sep 23 Javascript
jQuery封装的屏幕居中提示信息代码
Jun 08 Javascript
JS &amp; JQuery 动态添加 select option
Jun 08 Javascript
基于JavaScript实现树形下拉框
Aug 10 Javascript
微信小程序 九宫格实例代码
Jan 21 Javascript
Node.js 利用cheerio制作简单的网页爬虫示例
Mar 01 Javascript
JS实现移动端在线签协议功能
Aug 22 Javascript
基于canvasJS在PHP中制作动态图表
May 30 Javascript
微信小程序实现星星评分效果
Nov 01 Javascript
vue编写简单的购物车功能
Jan 08 Vue.js
在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
西德产收音机
2021/03/01 无线电
PHP大小写问题:函数名和类名不区分,变量名区分
2013/06/17 PHP
php求正负数数组中连续元素最大值示例
2014/04/11 PHP
PHP7新增运算符用法实例分析
2016/09/26 PHP
浅谈php中fopen不能创建中文文件名文件的问题
2017/02/06 PHP
EarthLiveSharp中cloudinary的CDN图片缓存自动清理python脚本
2017/04/04 PHP
PHP实现简易用户登录系统
2020/07/10 PHP
在线编辑器中换行与内容自动提取
2009/04/24 Javascript
DD_belatedPNG,IE6下PNG透明解决方案(国外)
2010/12/06 Javascript
DOM_window对象属性之--clipboardData对象操作代码
2011/02/03 Javascript
JavaScript中判断对象类型的几种方法总结
2013/11/11 Javascript
js实现网页倒计时、网站已运行时间功能的代码3例
2014/04/14 Javascript
全面解析Bootstrap排版使用方法(标题)
2015/11/30 Javascript
nodejs中全局变量的实例解析
2017/03/07 NodeJs
微信小程序 蓝牙的实现实例代码
2017/06/27 Javascript
原生js实现简单的模态框示例
2017/09/08 Javascript
js中的 || 与 &amp;&amp; 运算符详解
2018/05/24 Javascript
three.js利用卷积法如何实现物体描边效果
2019/11/27 Javascript
详细分析React 表单与事件
2020/07/08 Javascript
vue根据条件不同显示不同按钮的操作
2020/08/04 Javascript
JavaScript中clientWidth,offsetWidth,scrollWidth的区别
2021/01/25 Javascript
python中的函数用法入门教程
2014/09/02 Python
python获得一个月有多少天的方法
2015/06/04 Python
python3学习笔记之多进程分布式小例子
2018/02/13 Python
python顺序执行多个py文件的方法
2019/06/29 Python
python3+opencv 使用灰度直方图来判断图片的亮暗操作
2020/06/02 Python
PyQt5多线程防卡死和多窗口用法的实现
2020/09/15 Python
世界上最大的二手相机店:KEN
2017/05/17 全球购物
英国著名书店:Foyles
2018/12/01 全球购物
Rossignol金鸡美国官网:始于1907年法国百年雪具品牌
2019/03/06 全球购物
自我鉴定怎么写
2014/01/12 职场文书
犯错检讨书
2014/02/21 职场文书
家教广告词
2014/03/19 职场文书
会计岗位职责
2015/02/03 职场文书
读《庄子》有感:美而不自知
2019/11/06 职场文书
如何用JavaScript实现一个数组惰性求值库
2021/05/05 Javascript