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 相关文章推荐
Script的加载方法小结
Jan 12 Javascript
兼容ie、firefox的图片自动缩放的css跟js代码分享
Jan 21 Javascript
JS函数实现动态添加CSS样式表文件
Dec 15 Javascript
jquery ajax post提交数据乱码
Nov 05 Javascript
jQuery 浮动导航菜单适合购物商品类型的网站
Sep 09 Javascript
浅析四种常见的Javascript声明循环变量的书写方式
Oct 14 Javascript
Angularjs中使用指令绑定点击事件的方法
Mar 30 Javascript
jQuery实现的3D版图片轮播示例【滑动轮播】
Jan 18 jQuery
简单说说如何使用vue-router插件的方法
Apr 08 Javascript
关于vue项目中搜索节流的实现代码
Sep 17 Javascript
Node.js API详解之 dns模块用法实例分析
May 15 Javascript
Node.js 中判断一个文件是否存在
Aug 24 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
php通过exif_read_data函数获取图片的exif信息
2015/05/21 PHP
php each 返回数组中当前的键值对并将数组指针向前移动一步实例
2016/11/22 PHP
Centos 6.5下PHP 5.3安装ffmpeg扩展的步骤详解
2017/03/02 PHP
jquery加载页面的方法(页面加载完成就执行)
2011/06/21 Javascript
基于jquery的鼠标拖动效果代码
2012/05/30 Javascript
解析使用js判断只能输入数字、字母等验证的方法(总结)
2013/05/14 Javascript
js操作滚动条事件实例
2015/01/29 Javascript
JS实现点击按钮获取页面高度的方法
2015/11/02 Javascript
AngularJS 整理一些优化的小技巧
2016/08/18 Javascript
详解利用exif.js解决ios手机上传竖拍照片旋转90度问题
2016/11/04 Javascript
详解react如何在组件中获取路由参数
2017/06/15 Javascript
AngularJS中ng-options实现下拉列表的数据绑定方法
2018/08/13 Javascript
Angular2中监听数据更新的方法
2018/08/31 Javascript
vue项目开发中setTimeout等定时器的管理问题
2018/09/13 Javascript
VUE+Element UI实现简单的表格行内编辑效果的示例的代码
2018/10/31 Javascript
浅谈一种让小程序支持JSX语法的新思路
2019/06/16 Javascript
原生js实现轮播图特效
2020/05/04 Javascript
微信小程序自定义底部弹出框动画
2020/11/18 Javascript
Python 匹配任意字符(包括换行符)的正则表达式写法
2009/10/29 Python
简单讲解Python编程中namedtuple类的用法
2016/06/21 Python
浅谈python 里面的单下划线与双下划线的区别
2017/12/01 Python
对Python中DataFrame按照行遍历的方法
2018/04/08 Python
python从入门到精通 windows安装python图文教程
2019/05/18 Python
Django 实现xadmin后台菜单改为中文
2019/11/15 Python
Python reques接口测试框架实现代码
2020/07/28 Python
对pytorch中x = x.view(x.size(0), -1) 的理解说明
2021/03/03 Python
CSS 说明横向进度条最后显示文字的实现代码
2020/11/10 HTML / CSS
Spanx塑身衣官网:美国知名内衣品牌
2017/01/11 全球购物
俄罗斯运动鞋商店:Sneakerhead
2018/05/10 全球购物
全球性的众包图形设计市场:DesignCrowd
2021/02/02 全球购物
自考毕业生自我鉴定
2013/11/04 职场文书
读书之星事迹材料
2014/05/12 职场文书
五月的鲜花活动方案
2014/08/21 职场文书
生产实习心得体会范文
2016/01/22 职场文书
铁拳制作人赞《铁拳7》老头环Mod:制作精良 但别弄了
2022/04/03 其他游戏
Java GUI编程菜单组件实例详解
2022/04/07 Java/Android