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


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 相关文章推荐
麦鸡的TAB切换功能结合了javascript和css
Dec 17 Javascript
innerText 使用示例
Jan 23 Javascript
jQuery解决input超多的表单提交
Aug 10 Javascript
AngularJS实现textarea记录只能输入规定数量的字符并显示
Apr 26 Javascript
JS图片等比例缩放方法完整示例
Aug 03 Javascript
常用原生js自定义函数总结
Nov 20 Javascript
js仿淘宝商品放大预览功能
Mar 15 Javascript
基于easyui checkbox 的一些操作处理方法
Jul 10 Javascript
基于Vue.js与WordPress Rest API构建单页应用详解
Sep 16 Javascript
JS制作简易计算器的实例代码
Jul 04 Javascript
Vue双向数据绑定(MVVM)的原理
Oct 03 Javascript
一行JavaScript代码如何实现瀑布流布局
Dec 11 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
解析在apache里面给php写虚拟目录的详细方法
2013/06/24 PHP
PHP生成唯一订单号的方法汇总
2015/04/16 PHP
php获取字符串前几位的实例(substr返回字符串的子串用法)
2017/03/08 PHP
Yii2使用$this-&gt;context获取当前的Module、Controller(控制器)、Action等
2017/03/29 PHP
url 编码 js url传参中文乱码解决方案
2010/04/11 Javascript
能说明你的Javascript技术很烂的五个原因分析
2011/10/28 Javascript
如何使用Javascript正则表达式来格式化XML内容
2013/07/04 Javascript
jquery实现将获取的颜色值转换为十六进制形式的方法
2014/12/20 Javascript
JavaScript实现添加、查找、删除元素
2015/07/02 Javascript
JavaScript闭包实例详解
2016/06/03 Javascript
Javascript实现图片懒加载插件的方法
2016/10/20 Javascript
基于bootstrap的文件上传控件bootstrap fileinput
2016/12/23 Javascript
jquery.zclip轻量级复制失效问题
2017/01/08 Javascript
几种响应式文字详解
2017/05/19 Javascript
ES6 class的应用实例分析
2019/06/27 Javascript
js构造函数constructor和原型prototype原理与用法实例分析
2020/03/02 Javascript
element 中 el-menu 组件的无限极循环思路代码详解
2020/04/26 Javascript
Python 由字符串函数名得到对应的函数(实例讲解)
2017/08/10 Python
python笔记之mean()函数实现求取均值的功能代码
2019/07/05 Python
pytorch-RNN进行回归曲线预测方式
2020/01/14 Python
python3正则模块re的使用方法详解
2020/02/11 Python
python之MSE、MAE、RMSE的使用
2020/02/24 Python
Django实现微信小程序支付的示例代码
2020/09/03 Python
Python通过format函数格式化显示值
2020/10/17 Python
python爬虫调度器用法及实例代码
2020/11/30 Python
css3与html5实现响应式导航菜单(导航栏)效果分享
2014/02/12 HTML / CSS
中国排名第一的外贸销售网站:LightInTheBox.com(兰亭集势)
2016/10/28 全球购物
如何提高JDBC的性能
2013/04/30 面试题
西部世纪.net笔试题面试题
2014/04/03 面试题
大学新生欢迎词
2014/01/10 职场文书
商务日语专业自荐信
2014/04/17 职场文书
保密工作承诺书
2014/08/29 职场文书
外科护士长工作总结
2015/08/12 职场文书
廉政党课工作报告案例
2019/06/21 职场文书
三十年再续同学情倡议书
2019/11/27 职场文书
mysql 8.0.27 绿色解压版安装教程及配置方法
2022/04/20 MySQL