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


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 相关文章推荐
Jquery 设置标题的自动翻转
Oct 03 Javascript
jQuery基础知识filter()和find()实例说明
Jul 06 Javascript
url地址自动加#号问题说明
Aug 21 Javascript
JavaScript面向对象知识串结(读JavaScript高级程序设计(第三版))
Jul 17 Javascript
jquery cookie实现的简单换肤功能适合小网站
Aug 25 Javascript
javascript 兼容各个浏览器的事件
Feb 04 Javascript
BootStrap的弹出框(Popover)支持鼠标移到弹出层上弹窗层不隐藏的原因及解决办法
Apr 03 Javascript
jQuery使用cookie与json简单实现购物车功能
Apr 15 Javascript
vue框架搭建之axios使用教程
Jul 11 Javascript
vue 使用高德地图vue-amap组件过程解析
Sep 07 Javascript
AngularJS动态生成select下拉框的方法实例
Nov 17 Javascript
Vue项目中如何封装axios(统一管理http请求)
May 02 Vue.js
在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
phpmyadmin导入(import)文件限制的解决办法
2009/12/11 PHP
在WordPress中实现评论头像的自定义默认和延迟加载
2015/11/24 PHP
mysql_escape_string()函数用法分析
2016/04/25 PHP
Yii2第三方类库插件Imagine的安装和使用
2017/07/06 PHP
PHP实现数组的笛卡尔积运算示例
2017/12/15 PHP
非常强大的 jQuery.AsyncBox 弹出对话框插件
2011/08/29 Javascript
js控制的遮罩层实例介绍
2013/05/29 Javascript
js Select下拉列表框进行多选、移除、交换内容的具体实现方法
2013/08/13 Javascript
Javascript简单实现可拖动的div
2013/10/22 Javascript
浅析用prototype定义自己的方法
2013/11/14 Javascript
javascipt匹配单行和多行注释的正则表达式
2013/11/20 Javascript
javascript实现单击和双击并存的方法
2014/12/13 Javascript
node.js中的fs.writeFile方法使用说明
2014/12/14 Javascript
DOM基础教程之使用DOM + Css
2015/01/20 Javascript
jQuery+ajax实现动态执行脚本的方法
2015/01/27 Javascript
基于Arcgis for javascript实现百度地图ABCD marker的效果
2015/09/12 Javascript
Jquery easyui开启行编辑模式增删改操作
2016/01/14 Javascript
AngularJS入门教程之AngularJS表达式
2016/04/18 Javascript
Bootstrap每天必学之轮播(Carousel)插件
2016/04/25 Javascript
实现JavaScript的组成----BOM和DOM详解
2016/05/18 Javascript
关于动态执行代码(js的Eval)实例详解
2016/08/15 Javascript
jQuery实现弹幕效果
2017/02/17 Javascript
javascript图片预览和上传(兼容IE)
2017/03/15 Javascript
vue2.0 路由不显示router-view的解决方法
2018/03/06 Javascript
一个小示例告诉你Python语言的优雅之处
2014/07/04 Python
Python实现基本数据结构中队列的操作方法示例
2017/12/04 Python
对python中的xlsxwriter库简单分析
2018/05/04 Python
python3使用GUI统计代码量
2019/09/18 Python
关于pycharm中pip版本10.0无法使用的解决办法
2019/10/10 Python
python下载库的步骤方法
2019/10/12 Python
Python3如何使用tabulate打印数据
2020/09/25 Python
详解移动端h5页面根据屏幕适配的四种方案
2020/04/15 HTML / CSS
物业招聘计划书
2014/01/10 职场文书
违反交通法规检讨书
2014/09/10 职场文书
初一数学教学反思
2016/02/17 职场文书
python 对图片进行简单的处理
2021/06/23 Python