文本框中,回车键触发事件的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 事件的一些重要说明
Oct 25 Javascript
JavaScript 题型问答有答案参考
Feb 17 Javascript
Three.js源码阅读笔记(基础的核心Core对象)
Dec 27 Javascript
js显示时间 js显示最后修改时间
Jan 02 Javascript
js导航菜单(自写)简单大方
Mar 28 Javascript
JS实现控制表格行内容垂直对齐的方法
Mar 30 Javascript
uploadify多文件上传参数设置技巧
Nov 16 Javascript
vue动态组件实现选项卡切换效果
Mar 08 Javascript
解决ionic和angular上拉加载的问题
Aug 03 Javascript
js 使用ajax设置和获取自定义header信息的方法小结
Mar 12 Javascript
JavaScript实现原型封装轮播图
Dec 27 Javascript
带你彻底理解JavaScript中的原型对象
Apr 14 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
PHP4 与 MySQL 数据库操作函数详解
2006/12/06 PHP
php顺序查找和二分查找示例
2014/03/27 PHP
php递归删除目录下的文件但保留的实例分享
2014/05/10 PHP
PHP session会话操作技巧小结
2016/09/27 PHP
PHP实现的redis主从数据库状态检测功能示例
2017/07/20 PHP
5个JavaScript经典面试题
2014/10/13 Javascript
JS实现登录页面记住密码和enter键登录方法推荐
2016/05/10 Javascript
js在ie下打开对话窗口的方法小结
2016/10/24 Javascript
在 Angular 中实现搜索关键字高亮示例
2017/03/21 Javascript
微信小程序--onShareAppMessage分享参数用处(页面分享)
2017/04/18 Javascript
Vue实现选择城市功能
2017/05/27 Javascript
微信小程序实现根据字母选择城市功能
2017/08/16 Javascript
深入浅析Node环境和浏览器的区别
2018/08/14 Javascript
vue 实现LED数字时钟效果(开箱即用)
2019/12/08 Javascript
vue-resourc发起异步请求的方法
2020/02/11 Javascript
Vue的Options用法说明
2020/08/14 Javascript
python字符串连接方式汇总
2014/08/21 Python
python常规方法实现数组的全排列
2015/03/17 Python
Python判断telnet通不通的实例
2019/01/26 Python
对django layer弹窗组件的使用详解
2019/08/31 Python
Python Tkinter模块 GUI 可视化实例
2019/11/20 Python
用OpenCV将视频分解成单帧图片,图片合成视频示例
2019/12/10 Python
Python网页解析器使用实例详解
2020/05/30 Python
斯洛伐克最大的婴儿食品和用品网上商店:Feedo.sk
2020/12/21 全球购物
工程专业求职自荐书范文
2014/02/18 职场文书
小学生秋游活动方案
2014/02/23 职场文书
食品业务员岗位职责
2014/03/18 职场文书
物流管理系毕业生求职信
2014/06/03 职场文书
2014银行授权委托书样本
2014/10/04 职场文书
党的群众路线教育实践活动领导班子整改措施
2014/10/28 职场文书
2014年财务工作总结与计划
2014/12/08 职场文书
从严治党主题教育活动总结
2015/05/07 职场文书
田径运动会广播稿
2015/08/19 职场文书
CSS3实现模糊背景的三种效果示例
2021/03/30 HTML / CSS
20180830晚上第一届KSL半决赛 雨神vs解冻(二龙 三炮解说)
2022/04/01 星际争霸
SQL Server 忘记密码以及重新添加新账号
2022/04/26 SQL Server