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


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 相关文章推荐
纯css+js写的一个简单的tab标签页带样式
Jan 28 Javascript
js使用removeChild方法动态删除div元素
Aug 01 Javascript
Javascript基础知识(三)BOM,DOM总结
Sep 29 Javascript
浅谈页面装载js及性能分析方法
Dec 09 Javascript
jQuery中after()方法用法实例
Dec 25 Javascript
js实现网页抽奖实例
Aug 05 Javascript
JavaScript脚本库编写的方法
Dec 09 Javascript
详解js中Json的语法与格式
Nov 22 Javascript
JS 实现微信扫一扫功能
Sep 14 Javascript
layui异步加载table表中某一列数据的例子
Sep 16 Javascript
小程序的上传文件接口的注意要点解析
Sep 17 Javascript
JavaScript实现背景自动切换小案例
Sep 27 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中的一个中文字符串截取函数
2007/02/14 PHP
destoon之一键登录设置
2014/06/21 PHP
PHP实现即时输出、实时输出内容方法
2015/05/27 PHP
利用PHP生成CSV文件简单示例
2016/12/21 PHP
弹出模态框modal的实现方法及实例
2017/09/19 PHP
php-fpm添加service服务的例子
2018/04/27 PHP
动态添加js事件实现代码
2009/03/12 Javascript
js textarea自动增高并隐藏滚动条
2009/12/16 Javascript
JavaScript实现找出数组中最长的连续数字序列
2014/09/03 Javascript
jfreechart插件将数据展示成饼状图、柱状图和折线图
2015/04/13 Javascript
详细解读JavaScript编程中的Promise使用
2015/07/27 Javascript
JavaScript获取当前cpu使用率的方法
2015/12/15 Javascript
jQuery事件处理的特征(事件命名机制)
2016/08/23 Javascript
js监听input输入框值的实时变化实例
2017/01/26 Javascript
Angular中的interceptors拦截器
2017/06/25 Javascript
详解在React.js中使用PureComponent的重要性和使用方式
2018/07/10 Javascript
javascript面向对象三大特征之多态实例详解
2019/07/24 Javascript
js Math数学简单使用操作示例
2020/03/13 Javascript
浅谈JavaScript节流和防抖函数
2020/08/25 Javascript
python实现在控制台输入密码不显示的方法
2015/07/02 Python
一些Centos Python 生产环境的部署命令(推荐)
2018/05/07 Python
python 使用值来排序一个字典的方法
2018/11/16 Python
浅析Python 中几种字符串格式化方法及其比较
2019/07/02 Python
Python稀疏矩阵及参数保存代码实现
2020/04/18 Python
Java中采用什么结构来捕获、处理异常?各子句的顺序、功能如何
2013/10/07 面试题
建筑设计学生的自我评价
2014/01/16 职场文书
《伯牙绝弦》教学反思
2014/03/02 职场文书
小学生母亲节演讲稿
2014/05/07 职场文书
企业诚信承诺书
2014/05/23 职场文书
卖房授权委托书样本
2014/10/05 职场文书
红色电影观后感
2015/06/18 职场文书
2016年学校“6﹒26国际禁毒日”宣传活动总结
2016/04/05 职场文书
Javascript中的解构赋值语法详解
2021/04/02 Javascript
matplotlib之pyplot模块实现添加子图subplot的使用
2021/04/25 Python
Oracle11g r2 卸载干净重装的详细教程(亲测有效已重装过)
2021/06/04 Oracle