文本框中,回车键触发事件的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 插件实现图片延迟加载效果代码
Feb 06 Javascript
小议Javascript中的this指针
Mar 18 Javascript
带左右箭头图片轮播的JS代码
Dec 18 Javascript
jQuery简单几行代码实现tab切换
Mar 10 Javascript
使用jquery制作弹出框效果
Apr 03 Javascript
javascript类型系统——undefined和null全面了解
Jul 13 Javascript
jQuery+正则+文本框只能输入数字的实现方法
Oct 07 Javascript
微信小程序 css使用技巧总结
Jan 09 Javascript
基于React实现表单数据的添加和删除详解
Mar 14 Javascript
element-ui 的el-button组件中添加自定义颜色和图标的实现方法
Oct 26 Javascript
详解js常用分割取字符串的方法
May 15 Javascript
JS实现TITLE悬停长久显示效果完整示例
Feb 11 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
CURL的学习和应用(附多线程实现)
2013/06/03 PHP
PHP间隔一段时间执行代码的方法
2014/12/02 PHP
深入理解Yii2.0乐观锁与悲观锁的原理与使用
2017/07/26 PHP
php使用pecl方式安装扩展操作示例
2019/08/12 PHP
PHP迭代器和生成器用法实例分析
2019/09/28 PHP
prettify 代码高亮着色器google出品
2010/12/28 Javascript
拉动滚动条加载数据的jquery代码
2012/05/03 Javascript
jquery 插件学习(五)
2012/08/06 Javascript
javascript自定义startWith()和endWith()的两种方法
2013/11/11 Javascript
解析JavaScript中的不可见数据类型
2013/12/02 Javascript
js获取鼠标点击的位置实现思路及代码
2014/05/09 Javascript
js读取cookie方法总结
2014/10/31 Javascript
详解闭包解决jQuery中AJAX的外部变量问题
2017/02/22 Javascript
Vue中的v-cloak使用解读
2017/03/27 Javascript
NodeJS 实现手机短信验证模块阿里大于功能
2017/06/19 NodeJs
protractor的安装与基本使用教程
2017/07/07 Javascript
vue cli 3.0 使用全过程解析
2018/06/14 Javascript
jquery获取select选中值的文本,并赋值给另一个输入框的方法
2018/08/21 jQuery
对vue 键盘回车事件的实例讲解
2018/08/25 Javascript
对pandas replace函数的使用方法小结
2018/05/18 Python
python3实现爬取淘宝美食代码分享
2018/09/23 Python
numpy.linspace函数具体使用详解
2019/05/27 Python
python读取并写入mat文件的方法
2019/07/12 Python
使用python的pyplot绘制函数实例
2020/02/13 Python
Python爬虫爬取杭州24时温度并展示操作示例
2020/03/27 Python
如何用python开发Zeroc Ice应用
2021/01/29 Python
matplotlib之属性组合包(cycler)的使用
2021/02/24 Python
Cotton On香港网站:澳洲时装连锁品牌
2018/11/01 全球购物
如何估计一张表的大小(假设该表中有1万条数据)
2016/03/27 面试题
通用求职信范文模板分享
2013/12/27 职场文书
淘宝客服专员岗位职责
2014/04/11 职场文书
酒店管理专业毕业生求职自荐信
2014/04/28 职场文书
本科毕业论文导师评语
2014/12/31 职场文书
旷课检讨书
2015/01/26 职场文书
2015年医德考评自我评价
2015/03/03 职场文书
JavaScript分页组件使用方法详解
2021/07/26 Javascript