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


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获取/更改文本框的值的实例代码
Aug 02 Javascript
JS 如何获取radio选中后的值及不选择取radio的值
Oct 28 Javascript
Node.js中安全调用系统命令的方法(避免注入安全漏洞)
Dec 05 Javascript
使用javascript实现Iframe自适应高度
Dec 24 Javascript
angular动态删除ng-repaeat添加的dom节点的方法
Jul 20 Javascript
原生js实现移动端触摸轮播的示例代码
Dec 22 Javascript
element-ui 表格实现单元格可编辑的示例
Feb 26 Javascript
详解JS函数stack size计算方法
Jun 18 Javascript
微信小程序实现选项卡效果
Nov 06 Javascript
vue+elementui 对话框取消 表单验证重置示例
Oct 29 Javascript
jquery实现弹窗(系统提示框)效果
Dec 10 jQuery
JS常用排序方法实例代码解析
Mar 03 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版)
2012/08/21 PHP
PHP生成随机密码类分享
2014/06/25 PHP
PHP+Ajax检测用户名或邮件注册时是否已经存在实例教程
2014/08/23 PHP
ThinkPHP实现递归无级分类――代码少
2015/07/29 PHP
php实现微信扫码自动登陆与注册功能
2016/09/22 PHP
php中file_get_contents()函数用法实例
2019/02/21 PHP
js 字符串转换成数字的三种方法
2013/03/23 Javascript
nodejs中转换URL字符串与查询字符串详解
2014/11/26 NodeJs
js中匿名函数的创建与调用方法分析
2014/12/19 Javascript
JS实现文字向下滚动完整实例
2015/02/06 Javascript
推荐阅读的js快速判断IE浏览器(兼容IE10与IE11)
2015/12/13 Javascript
Angularjs全局变量被作用域监听的正确姿势
2016/02/06 Javascript
关于session和cookie的简单理解
2016/06/08 Javascript
详解使用webpack构建多页面应用
2017/12/21 Javascript
基于Vue渲染与插件的加载顺序的问题详解
2018/03/05 Javascript
vue中v-model的应用及使用详解
2018/06/27 Javascript
用vue-cli开发vue时的代理设置方法
2018/09/20 Javascript
jQuery zTree树插件的使用教程
2019/08/16 jQuery
详解vue 自定义组件使用v-model 及探究其中原理
2019/10/11 Javascript
javascript设计模式 ? 中介者模式原理与用法实例分析
2020/04/20 Javascript
Python pass 语句使用示例
2014/03/11 Python
python字符串替换示例
2014/04/24 Python
采用Psyco实现python执行速度提高到与编译语言一样的水平
2014/10/11 Python
对python实现合并两个排序链表的方法详解
2019/01/23 Python
Python字符串大小写转换拼接删除空白
2019/09/19 Python
win10下python2和python3共存问题解决方法
2019/12/23 Python
手把手教你进行Python虚拟环境配置教程
2020/02/03 Python
HTML5 Canvas实现玫瑰曲线和心形图案的代码实例
2014/04/10 HTML / CSS
Notino希腊:购买香水和美容产品
2019/07/25 全球购物
师范大学应届生求职信
2013/11/21 职场文书
小学生作文评语大全
2014/04/21 职场文书
体育专业大学生职业生涯规划范文:打造自己的运动帝国
2014/09/12 职场文书
异地年检委托书范本
2014/09/24 职场文书
幼儿园园长工作总结2015
2015/05/25 职场文书
初三数学教学反思
2016/02/17 职场文书
python使用BeautifulSoup 解析HTML
2022/04/24 Python