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 相关文章推荐
IE和Firefox下event事件杂谈
Dec 18 Javascript
js下写一个事件队列操作函数
Jul 19 Javascript
JS中三目运算符和if else的区别分析与示例
Nov 21 Javascript
轻松实现javascript数据双向绑定
Nov 11 Javascript
KnockoutJS 3.X API 第四章之表单textInput、hasFocus、checked绑定
Oct 11 Javascript
Android中Okhttp3实现上传多张图片同时传递参数
Feb 18 Javascript
基于百度地图api清除指定覆盖物(Overlay)的方法
Jan 26 Javascript
JavaScript的词法结构精华篇
Oct 17 Javascript
Vue实现拖放排序功能的实例代码
Jul 08 Javascript
Vue中添加滚动事件设置的方法详解
Sep 14 Javascript
Vue使用路由钩子拦截器beforeEach和afterEach监听路由
Nov 16 Javascript
基于JavaScript实现简单扫雷游戏
Jan 02 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 数组入门教程小结
2009/05/20 PHP
基于Windows下Apache PHP5.3.1安装教程
2010/01/08 PHP
Notice: Trying to get property of non-object problem(PHP)解决办法
2012/03/11 PHP
Windows和Linux中php代码调试工具Xdebug的安装与配置详解
2014/05/08 PHP
获取任意Html元素与body之间的偏移距离 offsetTop、offsetLeft (For:IE5+ FF1 )[
2006/12/22 Javascript
JavaScript 封装Ajax传递的数据代码
2009/06/05 Javascript
利用jQuery接受和处理xml数据的代码(.net)
2011/03/28 Javascript
当鼠标移动到图片上时跟随鼠标显示放大的图片效果
2013/06/06 Javascript
js特殊字符过滤的示例代码
2014/03/05 Javascript
深入剖析JavaScript中的枚举功能
2014/03/06 Javascript
如何获取网站icon有哪些可行的方法
2014/06/05 Javascript
JavaScript字符串对象toUpperCase方法入门实例(用于把字母转换为大写)
2014/10/17 Javascript
jQuery通过Ajax返回JSON数据
2015/04/28 Javascript
JavaScript必知必会(十) call apply bind的用法说明
2016/06/08 Javascript
详解html-webpack-plugin用法全解
2018/01/22 Javascript
原生JS实现循环Nodelist Dom列表的4种方式示例
2018/02/11 Javascript
解决vue项目使用font-awesome,build后路径的问题
2018/09/01 Javascript
angularjs手动识别字符串中的换行符方法
2018/10/02 Javascript
bootstrap中的导航条实例代码详解
2019/05/20 Javascript
基于layPage插件实现两种分页方式浅析
2019/07/27 Javascript
react 原生实现头像滚动播放的示例
2020/04/21 Javascript
[01:03]DOTA2新的征程 你的脚印值得踏上
2014/08/13 DOTA
[01:33]DOTA2上海特级锦标赛 LIQUID战队完整宣传片
2016/03/16 DOTA
python将秒数转化为时间格式的实例
2018/09/16 Python
对python requests发送json格式数据的实例详解
2018/12/19 Python
Python设计模式之模板方法模式实例详解
2019/01/17 Python
Django框架安装方法图文详解
2019/11/04 Python
python抓取多种类型的页面方法实例
2019/11/20 Python
Python threading.local代码实例及原理解析
2020/03/16 Python
乡村文明行动实施方案
2014/03/29 职场文书
售后客服工作职责
2014/06/16 职场文书
群教班子对照检查材料
2014/08/26 职场文书
小石潭记导游词
2015/02/03 职场文书
2015年客房服务员工作总结
2015/05/15 职场文书
Golang中interface{}转为数组的操作
2021/04/30 Golang
Nginx跨域问题解析与解决
2022/08/05 Servers