文本框中,回车键触发事件的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常用运算符(Operators)-javascript基础教程
Dec 14 Javascript
javascript天然的迭代器
Oct 29 Javascript
xml文档转换工具,附图表例子(hta)
Nov 17 Javascript
非阻塞动态加载javascript广告实现代码
Nov 17 Javascript
JavaScript中的undefined学习总结
Nov 30 Javascript
JS实现点击复选框将按钮或文本框变为灰色不可用的方法
Aug 11 Javascript
JavaScript如何禁止Backspace键
Dec 02 Javascript
KnockoutJS 3.X API 第四章之表单submit、enable、disable绑定
Oct 10 Javascript
jQuery EasyUI tree增加搜索功能的实现方法
Apr 27 jQuery
使用JS获取页面上的所有标签
Oct 18 Javascript
vscode vue 文件模板的配置方法
Jul 23 Javascript
15分钟学会vue项目改造成SSR(小白教程)
Dec 17 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 实现进制转换(二进制、八进制、十六进制)互相转换实现代码
2010/10/22 PHP
Codeigniter校验ip地址的方法
2015/03/21 PHP
JavaScript(JS) 压缩 / 混淆 / 格式化 批处理工具
2010/12/10 Javascript
jQuery的.live()和.die() 使用介绍
2011/09/10 Javascript
深入理解javascript中defer的作用
2013/12/11 Javascript
Node.js实现的简易网页抓取功能示例
2014/12/05 Javascript
JavaScript中的数组操作介绍
2014/12/30 Javascript
浅谈javascript 函数属性和方法
2015/01/21 Javascript
浅析Jquery操作select
2016/12/13 Javascript
Bootstrap CSS组件之下拉菜单(dropdown)
2016/12/17 Javascript
JavaScript实现经典排序算法之插入排序
2016/12/28 Javascript
Javascript中的prototype与继承
2017/02/06 Javascript
浅谈JavaScript find 方法不支持IE的问题
2017/09/28 Javascript
javascript中的隐式调用
2018/02/10 Javascript
Node.js实现简单管理系统
2019/09/23 Javascript
vue-element-admin 菜单标签失效的解决方式
2019/11/12 Javascript
Vue3 实现双盒子定位Overlay的示例
2020/12/22 Vue.js
Scrapy-redis爬虫分布式爬取的分析和实现
2017/02/07 Python
python+selenium实现京东自动登录及秒杀功能
2017/11/18 Python
对python中使用requests模块参数编码的不同处理方法
2018/05/18 Python
Python操作redis和mongoDB的方法
2019/12/19 Python
Python3 集合set入门基础
2020/02/10 Python
Python实现发票自动校核微信机器人的方法
2020/05/22 Python
YOINS官网:时尚女装网上购物
2017/03/17 全球购物
Myprotein俄罗斯官网:欧洲第一运动营养品牌
2019/05/05 全球购物
奥地利购买珠宝和手表网站:ELLA JUWELEN
2019/09/03 全球购物
化工专业推荐信范文
2013/11/28 职场文书
公司活动方案范文
2014/03/06 职场文书
与美同行演讲稿
2014/09/13 职场文书
纪念九一八爱国演讲稿600字
2014/09/14 职场文书
初中教师个人工作总结
2015/02/10 职场文书
施工安全保证书
2015/05/09 职场文书
聘任书范文大全
2015/09/21 职场文书
2016年学校招生广告语
2016/01/28 职场文书
2017年寒假社区服务活动总结
2016/04/06 职场文书
Java日常练习题,每天进步一点点(38)
2021/07/26 Java/Android