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


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禁用键盘功能键让右击及其他键无效
Oct 09 Javascript
JS中typeof与instanceof之间的区别总结
Nov 14 Javascript
使用js解决由border属性引起的div宽度问题
Nov 26 Javascript
JS中的构造函数详细解析
Mar 10 Javascript
使用JS或jQuery模拟鼠标点击a标签事件代码
Mar 10 Javascript
jquery实现横向图片轮播特效代码分享
Nov 19 Javascript
JQuery获取鼠标进入和离开容器的方向
Dec 29 Javascript
微信小程序开发入门基础教程
Apr 19 Javascript
基于Bootstrap table组件实现多层表头的实例代码
Sep 07 Javascript
Vue CLI3搭建的项目中路径相关问题的解决
Sep 17 Javascript
微信小程序实现富文本图片宽度自适应的方法
Jan 20 Javascript
Vuex,iView UI面包屑导航使用扩展详解
Nov 04 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中cookies使用指南
2007/03/16 PHP
PHP编程过程中需要了解的this,self,parent的区别
2009/12/30 PHP
完美解决PHP中的Cannot modify header information 问题
2013/08/12 PHP
PHP输出缓存ob系列函数详解
2014/03/11 PHP
PHP的mysqli_sqlstate()函数讲解
2019/01/23 PHP
写出更好的JavaScript之undefined篇(上)
2009/11/22 Javascript
关于Javascript与iframe的那些事儿
2013/07/04 Javascript
jquery选择器排除某个DOM元素的方法(实例演示)
2014/04/25 Javascript
js查找节点的方法小结
2015/01/13 Javascript
easyui导出excel无法弹出下载框的快速解决方法
2016/11/10 Javascript
angular-ui-sortable实现可拖拽排序列表
2016/12/28 Javascript
ES6新特性七:数组的扩充详解
2017/04/21 Javascript
详解react内联样式使用webpack将px转rem
2018/09/13 Javascript
小程序实现留言板
2018/11/02 Javascript
Python打包可执行文件的方法详解
2016/09/19 Python
Python实现读取Properties配置文件的方法
2018/03/29 Python
Python3正则匹配re.split,re.finditer及re.findall函数用法详解
2018/06/11 Python
在Python中获取两数相除的商和余数方法
2018/11/10 Python
Python基于滑动平均思想实现缺失数据填充的方法
2019/02/21 Python
Python学习笔记之读取文件、OS模块、异常处理、with as语法示例
2019/06/04 Python
python使用递归的方式建立二叉树
2019/07/03 Python
python写程序统计词频的方法
2019/07/29 Python
django实现类似触发器的功能
2019/11/15 Python
pyqt5数据库使用详细教程(打包解决方案)
2020/03/25 Python
selenium与xpath之获取指定位置的元素的实现
2021/01/26 Python
基于html5 canvas做批改作业的小插件
2020/05/20 HTML / CSS
Wiggle新西兰:自行车、跑步、游泳
2020/05/06 全球购物
介绍一下linux的文件系统
2015/10/06 面试题
工作中个人的自我评价
2013/12/31 职场文书
班干部演讲稿
2014/04/24 职场文书
2014年幼儿园工作总结
2014/11/10 职场文书
2014年政工师工作总结
2014/12/18 职场文书
2015公务员年度考核评语
2015/03/25 职场文书
2015年青年志愿者工作总结
2015/05/20 职场文书
K8s部署发布Golang应用程序的实现方法
2021/07/16 Golang
MySQL分布式恢复进阶
2022/07/23 MySQL