文本框中,回车键触发事件的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 相关文章推荐
一实用的实现table排序的Javascript类库
Sep 12 Javascript
jQuery live
May 15 Javascript
js与jquery中获取当前鼠标的x、y坐标位置的代码
May 23 Javascript
js输出阴历、阳历、年份、月份、周示例代码
Jan 29 Javascript
通过Javascript读取本地Excel文件内容的代码示例
Apr 08 Javascript
javascript类型转换示例
Apr 29 Javascript
chrome下判断点击input上标签还是其余标签的实现方法
Sep 18 Javascript
浅谈JavaScript的自动垃圾收集机制
Dec 15 Javascript
jQuery实现搜索页面关键字的功能
Feb 16 Javascript
vue数据操作之点击事件实现num加减功能示例
Jan 19 Javascript
详解如何更好的使用module vuex
Mar 27 Javascript
详解JS函数防抖
Jun 05 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
基于MySQL分区性能的详细介绍
2013/05/02 PHP
一组PHP可逆加密解密算法实例代码
2014/01/21 PHP
dedecms函数分享之获取某一栏目所有子栏目
2014/05/19 PHP
php实现的九九乘法口诀表简洁版
2014/07/28 PHP
php递归json类实例
2014/12/02 PHP
PHP执行SQL文件并将SQL文件导入到数据库
2015/09/17 PHP
Laravel 5.4因特殊字段太长导致migrations报错的解决
2017/10/22 PHP
PHP面向对象五大原则之依赖倒置原则(DIP)详解
2018/04/08 PHP
php生成微信红包数组的方法
2019/09/05 PHP
Dom加载让图片加载完再执行的脚本代码
2008/05/15 Javascript
jQuery 表单验证扩展(三)
2010/10/20 Javascript
jquery索引在使用中的一些困惑
2013/10/24 Javascript
jQuery插件实现无缝滚动特效
2015/11/24 Javascript
浅谈json取值(对象和数组)
2016/06/24 Javascript
jQuery Mobile和HTML5开发App推广注册页
2016/11/07 Javascript
Bootstrap源码解读模态弹出框(11)
2016/12/28 Javascript
js调用刷新界面的几种方式
2017/05/03 Javascript
js使用ajax传值给后台,后台返回字符串处理方法
2018/08/08 Javascript
Vue项目中使用better-scroll实现一个轮播图自动播放功能
2018/12/03 Javascript
微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧不动,右侧滑动)
2019/01/23 Javascript
基于webpack4+vue-cli3项目实现换肤功能
2019/07/17 Javascript
详解Vue后台管理系统开发日常总结(组件PageHeader)
2019/11/01 Javascript
react实现移动端下拉菜单的示例代码
2020/01/16 Javascript
vue 导航锚点_点击平滑滚动,导航栏对应变化详解
2020/08/10 Javascript
微信小程序对图片进行canvas压缩的方法示例详解
2020/11/12 Javascript
基于python实现在excel中读取与生成随机数写入excel中
2018/01/04 Python
详解Python 解压缩文件
2019/04/09 Python
Django ORM 查询管理器源码解析
2019/08/05 Python
解决Pycharm中恢复被exclude的项目问题(pycharm source root)
2020/02/14 Python
Python抓包程序mitmproxy安装和使用过程图解
2020/03/02 Python
使用Python项目生成所有依赖包的清单方式
2020/07/13 Python
线程问题:wait()方法是定义在哪个类里面
2015/07/07 面试题
2016应届大学生自荐信模板
2016/01/28 职场文书
python实现图片批量压缩
2021/04/24 Python
四十九个javascript小知识实用技巧
2021/11/20 Javascript
Pandas 数据编码的十种方法
2022/04/20 Python