文本框中,回车键触发事件的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 命名空间 使用介绍
Aug 29 Javascript
jquery Ajax 实现加载数据前动画效果的示例代码
Feb 07 Javascript
JavaScript中的函数重载深入理解
Aug 04 Javascript
Jquery仿IGoogle实现可拖动窗口示例代码
Aug 22 Javascript
JavaScript 实现打印,打印预览,打印设置
Dec 30 Javascript
DEDECMS如何为文章添加HOT NEW标志图片
Aug 14 Javascript
轻松学习jQuery插件EasyUI EasyUI实现拖放商品放置购物车
Nov 30 Javascript
全国省市二级联动下拉菜单 js版
May 10 Javascript
jQuery实现将div中滚动条滚动到指定位置的方法
Aug 10 Javascript
基于jQuery实现的单行公告活动轮播效果
Aug 23 jQuery
Angular Material Icon使用详解
Nov 07 Javascript
JS实现继承的几种常用方式示例
Jun 22 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读取RSS(Feed)简单实例
2014/06/12 PHP
PHP堆栈调试操作简单示例
2018/06/15 PHP
EasyUI 中 MenuButton 的使用方法
2012/07/14 Javascript
js 判断checkbox是否选中的操作方法
2012/11/09 Javascript
node.js实现BigPipe详解
2014/12/05 Javascript
jQuery学习笔记之基础中的基础
2015/01/19 Javascript
JavaScript中使用自然对数ln的方法
2015/06/14 Javascript
用window.onerror捕获并上报Js错误的方法
2016/01/27 Javascript
jQuery实现简单隔行变色的方法
2016/02/20 Javascript
全面解析Bootstrap中form、navbar的使用方法
2016/05/30 Javascript
jQuery实现两列等高并自适应高度
2016/12/22 Javascript
iscroll.js滚动加载实例详解
2017/07/18 Javascript
jQuery实现导航栏头部菜单项点击后变换颜色的方法
2017/07/19 jQuery
简单明了区分escape、encodeURI和encodeURIComponent
2018/05/26 Javascript
Javascript 实现 Excel 导入生成图表功能
2018/10/22 Javascript
详解基于webpack&amp;gettext的前端多语言方案
2019/01/29 Javascript
vue中多个倒计时实现代码实例
2019/03/27 Javascript
解决vue-cli 打包后自定义动画未执行的问题
2019/11/12 Javascript
微信域名检测接口调用演示步骤(含PHP、Python)
2019/12/08 Javascript
用vue 实现手机触屏滑动功能
2020/05/28 Javascript
解决vue prop传值default属性如何使用,为何不生效的问题
2020/09/21 Javascript
Python实现的堆排序算法示例
2018/04/29 Python
Python Tricks 使用 pywinrm 远程控制 Windows 主机的方法
2020/07/21 Python
HTML5使用Audio标签实现歌词同步的效果
2016/03/17 HTML / CSS
Notino芬兰:购买香水和化妆品
2019/04/15 全球购物
印度在线购买电子产品网站:Croma
2020/01/02 全球购物
某公司面试题
2012/03/05 面试题
化工专业应届生求职信
2013/11/08 职场文书
2014乡镇“三八”国际劳动妇女节活动总结
2014/03/01 职场文书
国企干部对照检查材料
2014/08/22 职场文书
税务干部群众路线教育实践活动对照检查材料
2014/09/20 职场文书
预备党员转正思想汇报
2014/09/26 职场文书
质量保证书怎么写
2015/02/27 职场文书
酒店销售经理岗位职责
2015/04/02 职场文书
项目验收申请报告
2015/05/15 职场文书
CSS 鼠标选中文字后改变背景色的实现代码
2023/05/21 HTML / CSS