文本框中,回车键触发事件的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 相关文章推荐
Jquery 学习笔记(一)
Oct 13 Javascript
基本jquery的控制tabs打开的数量的代码
Oct 17 Javascript
对于this和$(this)的个人理解
Sep 08 Javascript
使用ImageMagick进行图片缩放、合成与裁剪(js+python)
Sep 16 Javascript
100个不能错过的实用JS自定义函数
Mar 05 Javascript
Bootstrap Table 删除和批量删除
Sep 22 Javascript
vue实现仿淘宝结账页面实例代码
Nov 08 Javascript
vue 组件中slot插口的具体用法
Apr 03 Javascript
微信小程序实现页面下拉刷新和上拉加载功能详解
Dec 03 Javascript
微信小程序自定义弹出模态框禁止底部滚动功能
Mar 09 Javascript
vue data有值,但是页面{{}} 取不到值的解决
Nov 09 Javascript
详解JavaScript中Arguments对象用途
Aug 30 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
【动漫杂谈】关于《请在T台上微笑》
2020/03/03 日漫
开源php中文分词系统SCWS安装和使用实例
2014/04/11 PHP
编辑浪子版表单验证类
2007/05/12 Javascript
用倒置滤镜把div倒置,再把table倒置。
2007/07/31 Javascript
extjs form textfield的隐藏方法
2008/12/29 Javascript
jQuery插件简单实现方法
2015/07/18 Javascript
超链接怎么正确调用javascript函数
2016/05/23 Javascript
jQuery checkbox选中问题之prop与attr注意点分析
2016/11/15 Javascript
jQuery日程管理控件glDatePicker用法详解
2017/03/29 jQuery
利用vscode编写vue的简单配置详解
2017/06/17 Javascript
Angular ng-animate和ng-cookies用法详解
2018/04/18 Javascript
详解小程序如何避免多次点击,重复触发事件
2019/04/08 Javascript
基于JS实现前端压缩上传图片的实例代码
2019/05/14 Javascript
Nuxt.js实战和配置详解
2019/08/05 Javascript
vue3+typeScript穿梭框的实现示例
2020/12/29 Vue.js
Tensorflow卷积神经网络实例进阶
2018/05/24 Python
django 通过url实现简单的权限控制的例子
2019/08/16 Python
python网络编程 使用UDP、TCP协议收发信息详解
2019/08/29 Python
python单向循环链表原理与实现方法示例
2019/12/03 Python
python 解决mysql where in 对列表(list,,array)问题
2020/06/06 Python
Python过滤序列元素的方法
2020/07/31 Python
python爬虫爬取网页数据并解析数据
2020/09/18 Python
jupyter使用自动补全和切换默认浏览器的方法
2020/11/18 Python
css3实例教程 一款纯css3实现的发光屏幕旋转特效
2014/12/07 HTML / CSS
伦敦眼门票在线预订:London Eye
2018/05/31 全球购物
Groupon荷兰官方网站:高达70%的折扣
2019/11/01 全球购物
数学系毕业生求职信
2014/05/29 职场文书
美化环境标语
2014/06/20 职场文书
八荣八耻的活动方案
2014/08/16 职场文书
村党支部书记四风问题个人对照检查材料思想汇报
2014/10/06 职场文书
2014年防汛工作总结
2014/12/08 职场文书
试用期自我评价怎么写
2015/03/10 职场文书
反腐倡廉主题教育活动总结
2015/05/07 职场文书
2015年初一班主任工作总结
2015/05/13 职场文书
2015大学迎新标语
2015/07/16 职场文书
学校食堂管理制度
2015/08/04 职场文书