浏览器脚本兼容 文本框中,回车键触发事件的兼容


Posted in Javascript onJune 21, 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 相关文章推荐
escape、encodeURI 和 encodeURIComponent 的区别
Mar 02 Javascript
jQuery 常见学习网站与参考书
Nov 09 Javascript
Jquery下:nth-child(an+b)的使用注意
May 28 Javascript
千分位数字格式化(用逗号隔开 代码已做了修改 支持0-9位逗号隔开)的JS代码
Dec 05 Javascript
JavaScript自学笔记(必看篇)
Jun 23 Javascript
jquery实现的回旋滚动效果完整实例【附demo源码下载】
Sep 20 Javascript
用React-Native+Mobx做一个迷你水果商城APP(附源码)
Dec 25 Javascript
React 无状态组件(Stateless Component) 与高阶组件
Aug 14 Javascript
微信小程序自定义弹出模态框禁止底部滚动功能
Mar 09 Javascript
vue 使用 vue-pdf 实现pdf在线预览的示例代码
Apr 26 Javascript
微信小程序实现弹幕墙(祝福墙)
Nov 18 Javascript
JS操作JSON常用方法(10w阅读)
Dec 06 Javascript
在IE6下发生Internet Explorer cannot open the Internet site错误
Jun 21 #Javascript
复制Input内容的js代码_支持所有浏览器,修正了Firefox3.5以上的问题
Jun 21 #Javascript
js操作时间(年-月-日 时-分-秒 星期几)
Jun 20 #Javascript
用JavaScript玩转游戏物理(一)运动学模拟与粒子系统
Jun 19 #Javascript
一段批量给页面上的控件赋值js
Jun 19 #Javascript
一个简单的js渐显(fadeIn)渐隐(fadeOut)类
Jun 19 #Javascript
高性能WEB开发 flush让页面分块,逐步呈现 flush让页面分块,逐步呈现
Jun 19 #Javascript
You might like
php中文本数据翻页(留言本翻页)
2006/10/09 PHP
php缓冲 output_buffering的使用详解
2013/06/13 PHP
PHP中spl_autoload_register函数的用法总结
2013/11/07 PHP
codeigniter教程之上传视频并使用ffmpeg转flv示例
2014/02/13 PHP
destoon公司主页模板风格的添加方法
2014/06/20 PHP
PHP实现的AES 128位加密算法示例
2019/09/16 PHP
jQuery 技巧小结
2010/04/02 Javascript
原生js获取宽高与jquery获取宽高的方法关系对比
2014/04/04 Javascript
jQuery使用removeClass方法删除元素指定Class的方法
2015/03/26 Javascript
利用HTML5的画布Canvas实现刮刮卡效果
2015/09/06 Javascript
angular实现spa单页面应用实例
2017/07/10 Javascript
JavaScript+CSS相册特效实例代码
2017/09/07 Javascript
在Vue中使用axios请求拦截的实现方法
2018/10/25 Javascript
laydate如何根据开始时间或者结束时间限制范围
2018/11/15 Javascript
vue-cli3使用 DllPlugin 实现预编译提升构建速度
2019/04/24 Javascript
jquery实现进度条状态展示
2020/03/26 jQuery
pygame学习笔记(6):完成一个简单的游戏
2015/04/15 Python
python实现文本文件合并
2015/12/29 Python
Python使用pyautogui模块实现自动化鼠标和键盘操作示例
2018/09/04 Python
Python第三方库h5py_读取mat文件并显示值的方法
2019/02/08 Python
Python爬虫逆向分析某云音乐加密参数的实例分析
2020/12/04 Python
CSS3实现的文本3D效果附图
2014/09/03 HTML / CSS
html5 canvas绘制放射性渐变色效果
2018/01/04 HTML / CSS
html5 桌面提醒:Notifycations应用介绍
2012/11/27 HTML / CSS
夏洛特和乔治婴儿和儿童时装精品店:Charlotte and George
2018/06/06 全球购物
大学生就业自我鉴定
2013/10/26 职场文书
数学专业毕业生自荐信
2013/11/10 职场文书
简历中求职的个人自我评价
2013/12/03 职场文书
保安部任务及岗位职责
2014/02/25 职场文书
煤矿安全承诺书
2014/05/22 职场文书
投资意向书
2014/07/30 职场文书
历史博物馆观后感
2015/06/05 职场文书
浅析MongoDB之安全认证
2021/06/26 MongoDB
Redis 持久化 RDB 与 AOF的执行过程
2021/11/07 Redis
win11无线投屏在哪设置? win11无线投屏功能的使用方法
2022/04/08 数码科技
python playwrigh框架入门安装使用
2022/07/23 Python