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


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 Xml增删改查(IE下)操作实现代码
Jan 30 Javascript
lyhucSelect基于Jquery的Select数据联动插件
Mar 29 Javascript
javascript开发随笔二 动态加载js和文件
Nov 25 Javascript
JavaScript版TAB选项卡效果实例
Aug 16 Javascript
Jquery跳到页面指定位置的方法
May 12 Javascript
jQuery取得设置清空select选择的文本与值
Jul 08 Javascript
Node.js实现Excel转JSON
Apr 24 Javascript
Js与Jq 获取页面元素值的方法和差异对比
Apr 30 Javascript
JavaScript通过Date-Mask将日期转换成字符串的方法
Jun 04 Javascript
JS根据浏览器窗口大小实时动态改变网页文字大小的方法
Feb 25 Javascript
响应式框架Bootstrap栅格系统的实例
Dec 19 Javascript
vue 本地环境跨域请求proxyTable的方法
Sep 19 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 PDOStatement对象bindpram()、bindvalue()和bindcolumn之间的区别
2014/11/20 PHP
thinkphp3.x中display方法及show方法的用法实例
2016/05/19 PHP
PHP+Mysql+Ajax实现淘宝客服或阿里旺旺聊天功能(前台页面)
2017/06/16 PHP
PHP使用gearman进行异步的邮件或短信发送操作详解
2020/02/27 PHP
JavaScript代码复用模式实例分析
2012/12/02 Javascript
jQuery获取和设置表单元素的方法
2014/02/14 Javascript
JS实现点击按钮自动增加一个单元格的方法
2015/03/09 Javascript
JavaScript中5种调用函数的方法
2015/03/12 Javascript
jQuery实现网页抖动的菜单抖动效果
2015/08/07 Javascript
Javascript中的数组常用方法解析
2016/06/17 Javascript
AngularJS基础 ng-cloak 指令简单示例
2016/08/01 Javascript
JavaScript基于对象去除数组重复项的方法
2016/10/09 Javascript
js实现自定义路由
2017/02/04 Javascript
JavaScript实现的鼠标响应颜色渐变效果完整实例
2017/02/18 Javascript
基于JavaScript的数据结构队列动画实现示例解析
2020/08/06 Javascript
[10:18]2018DOTA2国际邀请赛寻真——Fnatic能否笑到最后?
2018/08/14 DOTA
python函数局部变量用法实例分析
2015/08/04 Python
使用Python微信库itchat获得好友和群组已撤回的消息
2018/06/24 Python
解决python中导入win32com.client出错的问题
2019/07/26 Python
Pytorch to(device)用法
2020/01/08 Python
Django调用支付宝接口代码实例详解
2020/04/04 Python
Python读取Excel数据并生成图表过程解析
2020/06/18 Python
python中的插入排序的简单用法
2021/01/19 Python
学生党支部先进事迹
2014/02/04 职场文书
升旗仪式演讲稿
2014/05/08 职场文书
公益广告标语
2014/06/19 职场文书
村安全生产责任书
2014/08/25 职场文书
个人诉讼委托书范本
2014/10/17 职场文书
三提三创主题教育活动查摆整改措施
2014/10/25 职场文书
警告通知
2015/04/25 职场文书
MySQL基础(一)
2021/04/05 MySQL
mysql字符串截取函数小结
2021/04/05 MySQL
vue中this.$http.post()跨域和请求参数丢失的解决
2022/04/08 Vue.js
Java8利用Stream对列表进行去除重复的方法详解
2022/04/14 Java/Android
Ruby处理CSV数据方法详解
2022/04/18 Ruby
解决flex布局中子项目尺寸不受flex-shrink限制
2022/05/11 HTML / CSS