文本框中,回车键触发事件的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 RadioButtonList获取选中值
Apr 09 Javascript
始终在屏幕中间显示Div的代码(css+js)
Mar 10 Javascript
JS取request值以及自动执行使用示例
Feb 24 Javascript
如何调试异步加载页面里包含的js文件
Oct 30 Javascript
js+html5通过canvas指定开始和结束点绘制线条的方法
Jun 05 Javascript
常用的Javascript数据验证插件
Aug 04 Javascript
javascript数组克隆简单实现方法
Dec 16 Javascript
AngularJS 单元测试(一)详解
Sep 21 Javascript
Vue实现一个无限加载列表功能
Nov 13 Javascript
使用typescript构建Vue应用的实现
Aug 26 Javascript
js验证密码强度解析
Mar 18 Javascript
VsCode里的Vue模板的实现
Aug 12 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
php select,radio和checkbox默认选择的实现方法
2010/05/15 PHP
PHP中的常见魔术方法功能作用及用法实例
2015/07/01 PHP
php使用curl伪造来源ip和refer的方法示例
2018/05/08 PHP
PHP实现redis限制单ip、单用户的访问次数功能示例
2018/06/16 PHP
PHP htmlentities()函数用法讲解
2019/02/25 PHP
jQuery学习笔记 更改jQuery对象
2012/09/19 Javascript
Egret引擎开发指南之视觉编程
2014/09/03 Javascript
javascript每日必学之循环
2016/02/19 Javascript
jquery.cookie.js实现用户登录保存密码功能的方法
2016/04/15 Javascript
浅谈angular懒加载的一些坑
2016/08/20 Javascript
js获取指定字符前/后的字符串简单实例
2016/10/27 Javascript
Servlet实现文件上传,可多文件上传示例
2016/12/05 Javascript
js实现登录验证码
2016/12/22 Javascript
TypeScript入门-基本数据类型
2017/03/28 Javascript
javascript 面向对象实战思想分享
2017/09/07 Javascript
vue权限路由实现的方法示例总结
2018/07/29 Javascript
优雅的处理vue项目异常实战记录
2019/06/05 Javascript
ant-design-vue按需加载的坑的解决
2020/05/14 Javascript
[02:30]联想杯DOTA2完美世界全国高校联赛—北京站现场
2015/11/16 DOTA
python 数据加密代码
2008/12/24 Python
Python3利用SMTP协议发送E-mail电子邮件的方法
2017/09/30 Python
python中map的基本用法示例
2018/09/10 Python
Python批量生成幻影坦克图片实例代码
2019/06/04 Python
Python中的十大图像处理工具(小结)
2019/06/10 Python
Pycharm保存不能自动同步到远程服务器的解决方法
2019/06/27 Python
Python:slice与indices的用法
2019/11/25 Python
Python3获取cookie常用三种方案
2020/10/05 Python
python用opencv 图像傅里叶变换
2021/01/04 Python
conda安装tensorflow和conda常用命令小结
2021/02/20 Python
HTML5中判断横屏竖屏的方法(移动端)
2016/08/04 HTML / CSS
GEOX鞋美国官方网站:意大利会呼吸的鞋
2017/07/12 全球购物
药店主任岗位责任制
2014/02/10 职场文书
安阳殷墟导游词
2015/02/10 职场文书
小学端午节活动总结
2015/02/11 职场文书
小学音乐课歌曲《堆雪人》教学反思
2016/02/18 职场文书
MySQL系列之十五 MySQL常用配置和性能压力测试
2021/07/02 MySQL