文本框中,回车键触发事件的js代码[多浏览器兼容]


Posted in Javascript onJune 07, 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控制iframe滚动的代码
Apr 10 Javascript
jquery 页面全选框实践代码
Apr 02 Javascript
jquery mobile动态添加元素之后不能正确渲染解决方法说明
Mar 05 Javascript
基于BootStrap Metronic开发框架经验小结【八】框架功能总体界面介绍
May 12 Javascript
jquery组件WebUploader文件上传用法详解
Oct 23 Javascript
JavaScript中捕获与冒泡详解及实例
Feb 03 Javascript
详解Vue使用 vue-cli 搭建项目
Apr 20 Javascript
详谈angularjs中路由页面强制更新的问题
Apr 24 Javascript
Angularjs的键盘事件的绑定
Jul 27 Javascript
Vue 自定义指令实现一键 Copy功能
Sep 16 Javascript
javascript实现鼠标点击生成文字特效
Dec 24 Javascript
vue 组件间的通信之子组件向父组件传值的方式
Jul 29 Javascript
javascript下数值型比较难点说明
Jun 07 #Javascript
jQuery源码分析之Event事件分析
Jun 07 #Javascript
jQueryUI的Dialog的简单封装
Jun 07 #Javascript
jquery 的 $(&quot;#id&quot;).html() 无内容的解决方法
Jun 07 #Javascript
基于jquery+thickbox仿校内登录注册框
Jun 07 #Javascript
jquery 注意事项与常用语法小结
Jun 07 #Javascript
php上传图片并给图片打上透明水印的代码
Jun 07 #Javascript
You might like
iis下php mail函数的sendmail配置方法(官方推荐)
2012/04/25 PHP
php 无限级分类,超级简单的无限级分类,支持输出树状图
2014/06/29 PHP
利用PHP脚本在Linux下用md5函数加密字符串的方法
2015/06/29 PHP
thinkPHP订单数字提醒功能的实现方法
2016/12/01 PHP
PHP判断是否是微信打开还是浏览器打开的方法
2019/02/27 PHP
PHP快速导出百万级数据到CSV或者EXCEL文件
2020/11/27 PHP
js类 from qq
2006/11/13 Javascript
利用JS解决ie6不支持max-width,max-height问题的方法
2014/01/02 Javascript
深入理解JavaScript系列(35):设计模式之迭代器模式详解
2015/03/03 Javascript
jQuery插件pagewalkthrough实现引导页效果
2015/07/05 Javascript
jQuery事件对象总结
2016/10/17 Javascript
JavaScript中的call和apply的用途以及区别
2017/01/11 Javascript
ES6入门教程之let和const命令详解
2017/05/17 Javascript
Vue项目部署在Spring Boot出现页面空白问题的解决方案
2018/11/26 Javascript
微信小程序实现九宫格抽奖
2020/04/15 Javascript
使用axios发送post请求,将JSON数据改为form类型的示例
2019/10/31 Javascript
关于vue.js中实现方法内某些代码延时执行
2019/11/14 Javascript
微信小程序scroll-view的滚动条设置实现
2020/03/02 Javascript
vue下canvas裁剪图片实例讲解
2020/04/16 Javascript
[56:21]LGD vs IG 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Python Requests 基础入门
2016/04/07 Python
Python网络爬虫出现乱码问题的解决方法
2017/01/05 Python
python使用Matplotlib改变坐标轴的默认位置
2019/10/18 Python
python自动化测试之异常及日志操作实例分析
2019/11/09 Python
使用pyqt5 tablewidget 单元格设置正则表达式
2019/12/13 Python
Python编程快速上手——Excel表格创建乘法表案例分析
2020/02/28 Python
python 读取二进制 显示图片案例
2020/04/24 Python
美国户外烹饪产品购物网站:Outdoor Cooking
2020/01/10 全球购物
总务岗位职责
2013/11/19 职场文书
优秀英语专业毕业生求职信
2013/11/23 职场文书
学习雷锋精神演讲稿
2014/05/10 职场文书
校本研修个人总结
2015/02/28 职场文书
通知的格式范文
2015/04/27 职场文书
公司承诺书格式范文
2015/04/28 职场文书
银行中层干部培训心得体会
2016/01/11 职场文书
导游词之鲁迅祖居
2019/10/17 职场文书