JavaScript事件处理器中的event参数使用介绍


Posted in Javascript onMay 24, 2013

在大部分浏览器中,当一个事件处理器被触发时,名为Event的类实例会作为第一个参数传入处理器中。而一直占据主流地位的ie却以自己专的方式行事,将Event实例保存到一个名为event的全局属性中。

if (!event) event=window.event;

上面的语句用来检测event参数是否为undefined或者null,如果是的话把window的event属性赋值给它,从而消除了浏览器差异。

为了获取目标元素的引用,在标准兼容的浏览器中使用target属性,在ie中则使用srcElement属性,通过对象检测来处理这种不一致性

var target=(event.target) ? event.target : event.srcElement;

这个语句检查event.target的定义是否存在,如果存在,就把它的值赋给局部变量target;否则,将event.srcElement赋值给target。
Javascript 相关文章推荐
JAVASCRIPT IE 与 FF中兼容问题小结
Feb 18 Javascript
jQuery中与toggleClass等价的程序段 以及未来学习的方向
Mar 18 Javascript
JavaScript在IE和Firefox浏览器下的7个差异兼容写法小结
Jun 18 Javascript
js鼠标滑过图片震动特效的方法
Feb 17 Javascript
深入理解javascript的getTime()方法
Feb 16 Javascript
JS简单获取当前日期时间的方法(如:2017-03-29 11:41:10 星期四)
Mar 29 Javascript
Vue.js如何实现路由懒加载浅析
Aug 14 Javascript
JavaScript引用类型Function实例详解
Aug 09 Javascript
koa+jwt实现token验证与刷新功能
May 30 Javascript
使用vue重构资讯页面的实例代码解析
Nov 26 Javascript
vue-admin-template配置快捷导航的代码(标签导航栏)
Sep 04 Javascript
微信小程序自定义yPicker组件实现省市区三级联动功能
Oct 29 Javascript
Jquery多选下拉列表插件jquery multiselect功能介绍及使用
May 24 #Javascript
js过滤HTML标签以及空格的思路及代码
May 24 #Javascript
jQuery实现表头固定效果的实例代码
May 24 #Javascript
如何阻止复制剪切和粘贴事件为了表单内容的安全
May 23 #Javascript
使用js+jquery实现无限极联动
May 23 #Javascript
dwz 如何去掉ajaxloading具体代码
May 22 #Javascript
自动最大化窗口的Javascript代码
May 22 #Javascript
You might like
curl和libcurl的区别简介
2015/07/01 PHP
小程序微信支付功能配置方法示例详解【基于thinkPHP】
2019/05/05 PHP
laravel框架路由分组,中间件,命名空间,子域名,路由前缀实例分析
2020/02/18 PHP
如何用javascript判断录入的日期是否合法
2007/01/08 Javascript
JavaScript 计算当天是本年本月的第几周
2009/03/22 Javascript
JS+XML 省份和城市之间的联动实现代码
2009/10/14 Javascript
node.js中的console.log方法使用说明
2014/12/09 Javascript
jQuery中scrollLeft()方法用法实例
2015/01/16 Javascript
JavaScript学习笔记之检测客户端类型是(引擎、浏览器、平台、操作系统、移动设备)
2015/12/03 Javascript
Vue中添加过渡效果的方法
2017/03/16 Javascript
vue实现手机号码抽奖上下滚动动画示例
2017/10/18 Javascript
浅谈webpack组织模块的原理
2018/03/10 Javascript
jQuery+ajax读取json数据并按照价格排序示例
2018/03/28 jQuery
jQuery实现表单动态添加与删除数据操作示例
2018/07/03 jQuery
vue项目使用axios发送请求让ajax请求头部携带cookie的方法
2018/09/26 Javascript
详解ES6中的 Set Map 数据结构学习总结
2018/11/06 Javascript
vue项目中使用AES实现密码加密解密(ECB和CBC两种模式)
2019/08/12 Javascript
微信小程序上传图片并等比列压缩到指定大小的实例代码
2019/10/24 Javascript
Vue实例的对象参数options的几个常用选项详解
2019/11/08 Javascript
ES6函数和数组用法实例分析
2020/05/23 Javascript
[50:58]2018DOTA2亚洲邀请赛 4.1 小组赛 B组 Mineski vs EG
2018/04/03 DOTA
Python StringIO模块实现在内存缓冲区中读写数据
2015/04/08 Python
使用pandas批量处理矢量化字符串的实例讲解
2018/07/10 Python
python3 字符串/列表/元组(str/list/tuple)相互转换方法及join()函数的使用
2019/04/03 Python
Python如何定义有可选参数的元类
2020/07/31 Python
教育学专业实习生的自我鉴定
2013/11/26 职场文书
毕业实习个人鉴定范文
2013/12/10 职场文书
大学生职业生涯设计书
2014/01/02 职场文书
教师业务学习制度
2014/01/25 职场文书
《小猫刮胡子》教学反思
2014/02/21 职场文书
夜不归宿检讨书
2014/02/25 职场文书
大学生活自我评价
2014/04/09 职场文书
英文演讲稿开场白
2014/08/25 职场文书
股权转让协议范本
2014/12/07 职场文书
FP-growth算法发现频繁项集——构建FP树
2021/06/24 Python
前端监听websocket消息并实时弹出(实例代码)
2021/11/27 Javascript