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 相关文章推荐
jQuery页面滚动浮动层智能定位实例代码
Aug 23 Javascript
passwordStrength 基于jquery的密码强度检测代码使用介绍
Oct 08 Javascript
JS创建自定义表格具体实现
Feb 11 Javascript
解决js下referer兼容各大浏览器的方法
Nov 03 Javascript
jQuery实现带滚动线条导航效果的方法
Jan 30 Javascript
js实现鼠标悬浮给图片加边框的方法
Jan 30 Javascript
javascript日期处理函数,性能优化批处理
Sep 06 Javascript
jQuery链式操作实例分析
Nov 16 Javascript
jQuery Easyui Tabs扩展根据自定义属性打开页签
Aug 15 Javascript
vue.js实现的全选与全不选功能示例【基于elementui】
Dec 03 Javascript
js 实现 list转换成tree的方法示例(数组到树)
Aug 18 Javascript
Vue 3自定义指令开发的相关总结
Jan 29 Vue.js
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
Yii快速入门经典教程
2015/12/28 PHP
PHP 7.0.2 正式版发布
2016/01/08 PHP
php安装扩展mysqli的实现步骤及报错解决办法
2017/09/23 PHP
php微信公众号开发之秒杀
2018/10/20 PHP
laravel 时间格式转时间戳的例子
2019/10/11 PHP
js常用函数 不错
2006/09/08 Javascript
类似框架的js代码
2006/11/09 Javascript
javascript 写类方式之三
2009/07/05 Javascript
javascript学习笔记(二) js一些基本概念
2012/06/18 Javascript
S2SH整合JQuery+Ajax实现登录验证功能实现代码
2013/01/30 Javascript
JavaScript实现的使用键盘控制人物走动实例
2014/08/27 Javascript
浅析JavaScript作用域链、执行上下文与闭包
2016/02/01 Javascript
微信小程序 支付功能开发错误总结
2017/02/21 Javascript
页面间固定参数,通过cookie传值的实现方法
2017/05/31 Javascript
详解Vue整合axios的实例代码
2017/06/21 Javascript
weui框架实现上传、预览和删除图片功能代码
2017/08/24 Javascript
js使用ajax传值给后台,后台返回字符串处理方法
2018/08/08 Javascript
Vue infinite update loop的问题解决
2019/04/23 Javascript
webpack的 rquire.context用法实现工程自动化的方法
2020/02/07 Javascript
前端性能优化建议
2020/09/17 Javascript
[01:22:19]EG vs TNC Supermajor小组赛B组败者组第一轮 BO3 第二场 6.2
2018/06/03 DOTA
本地文件上传到七牛云服务器示例(七牛云存储)
2014/01/11 Python
Python将阿拉伯数字转换为罗马数字的方法
2015/07/10 Python
浅析Python中的getattr(),setattr(),delattr(),hasattr()
2016/06/14 Python
PyTorch读取Cifar数据集并显示图片的实例讲解
2018/07/27 Python
Django调用支付宝接口代码实例详解
2020/04/04 Python
python 等差数列末项计算方式
2020/05/03 Python
浅析python函数式编程
2020/09/26 Python
纯CSS3绘制打火机动画火焰效果
2016/07/18 HTML / CSS
深入探究HTML5的History API
2015/07/09 HTML / CSS
Lancome兰蔻官方旗舰店:来自法国的世界知名美妆品牌
2018/06/14 全球购物
英国花园、DIY、电器和家居用品商店:Robert Dyas
2019/03/18 全球购物
美国狗旅行和户外用品领先供应商:kurgo
2020/08/18 全球购物
预备党员党支部意见
2015/06/02 职场文书
jQuery class属性操作addClass()与removeClass()、hasClass()、toggleClass()
2021/03/31 jQuery
解析高可用Redis服务架构分析与搭建方案
2021/06/20 Redis