文本框中,回车键触发事件的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 相关文章推荐
JS小功能(setInterval实现图片效果显示时间)实例代码
Nov 28 Javascript
jQuery 动态云标签插件
Nov 11 Javascript
JavaScript动态改变div属性的实现方法
Jul 22 Javascript
window.location.hash知识汇总
Nov 09 Javascript
Ubuntu 16.04 64位中搭建Node.js开发环境教程
Oct 19 Javascript
Bootstrap下拉菜单样式
Feb 07 Javascript
详解用vue-cli来搭建vue项目和webpack
Apr 20 Javascript
Javascript实现数组中的元素上下移动
Apr 28 Javascript
JavaScript实现的原生态Tab标签页功能【兼容IE6】
Sep 18 Javascript
使用vue如何构建一个自动建站项目
Feb 05 Javascript
Vue 中使用富文本编译器wangEditor3的方法
Sep 26 Javascript
从表单校验看JavaScript策略模式的使用详解
Oct 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的error_reporting错误级别变量对照表
2014/07/08 PHP
浅析PHP7新功能及语法变化总结
2016/06/17 PHP
PHP基于DOMDocument解析和生成xml的方法分析
2017/07/17 PHP
PHP使用pdo连接access数据库并循环显示数据操作示例
2018/06/05 PHP
Laravel 自动生成验证的实例讲解:login / logout
2019/10/14 PHP
ExtJS DOM元素操作经验分享
2013/08/28 Javascript
Javascript WebSocket使用实例介绍(简明入门教程)
2014/04/16 Javascript
AngularJS的表单使用详解
2015/06/17 Javascript
jQuery+CSS实现一个侧滑导航菜单代码
2016/05/09 Javascript
DOM中事件处理概览与原理的全面解析
2016/08/16 Javascript
AngularJS指令与控制器之间的交互功能示例
2016/12/14 Javascript
如何提高Dom访问速度
2017/01/05 Javascript
js实现京东轮播图效果
2017/06/30 Javascript
详解如何在你的Vue项目配置vux
2018/06/04 Javascript
jQuery中常用动画效果函数知识点整理
2018/08/19 jQuery
node.js实现为PDF添加水印的示例代码
2018/12/05 Javascript
详解vue-router导航守卫
2019/01/19 Javascript
解决vue更新路由router-view复用组件内容不刷新的问题
2019/11/04 Javascript
jquery实现简易验证插件封装
2020/09/13 jQuery
Python判断直线和矩形是否相交的方法
2015/07/14 Python
Flask实现跨域请求的处理方法
2018/09/27 Python
django之对FileField字段的upload_to的设定方法
2019/07/28 Python
vscode 配置 python3开发环境的方法
2019/09/19 Python
python基于TCP实现的文件下载器功能案例
2019/12/10 Python
pytorch中nn.Conv1d的用法详解
2019/12/31 Python
Python爬虫爬取电影票房数据及图表展示操作示例
2020/03/27 Python
css实例教程 一款纯css3实现的超炫动画背画特效
2014/11/05 HTML / CSS
css3的动画特效之动画序列(animation)
2017/12/22 HTML / CSS
英国高级百货公司:Harvey Nichols
2017/01/29 全球购物
意大利网上书店:LaFeltrinelli
2020/06/12 全球购物
经典c++面试题五
2014/12/17 面试题
三个儿子教学反思
2014/02/03 职场文书
2014年圣诞节寄语
2014/12/08 职场文书
文明医院的标语集锦!
2019/07/24 职场文书
学生早退检讨书(范文)
2019/08/19 职场文书
mysql连接查询中and与where的区别浅析
2021/07/01 MySQL