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

 更新时间:2013年05月24日 17:21:24   作者:  
当一个事件处理器被触发时,名为Event的类实例会作为第一个参数传入处理器中,下面为大家详细介绍下它的应用
在大部分浏览器中,当一个事件处理器被触发时,名为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。

相关文章

  • Js逆向教程作用域和自执行函数介绍

    Js逆向教程作用域和自执行函数介绍

    这篇文章主要介绍了Js逆向教程作用域和自执行函数介绍,本文章内容详细,具有很好的参考价值,希望对大家有所帮助,需要的朋友可以参考下
    2023-01-01
  • JavaScript 表单处理实现代码

    JavaScript 表单处理实现代码

    这篇文章主要介绍了JavaScript 表单处理实现代码,需要的朋友可以参考下
    2015-04-04
  • javascript下for循环用法小结

    javascript下for循环用法小结

    javascript下for循环用法小结...
    2007-07-07
  • ES6基础语法之数组拓展

    ES6基础语法之数组拓展

    这篇文章介绍了ES6基础语法之数组拓展,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-05-05
  • ES6基础语法之字符串扩展

    ES6基础语法之字符串扩展

    这篇文章介绍了ES6基础语法之字符串扩展,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-05-05
  • Javascript中prototype的使用详解

    Javascript中prototype的使用详解

    本文主要介绍js prototype 详解,希望能帮到大家,有需要的朋友可以参考一下。
    2016-06-06
  • JavaScript String.replace函数参数实例说明

    JavaScript String.replace函数参数实例说明

    JavaScript String.replace函数作用是将源自符串中的match替换为replacement并返回替换后的字符串,使用介绍如下,不会的朋友可以了解下哈
    2013-06-06
  • 详解JavaScript中的every()方法

    详解JavaScript中的every()方法

    这篇文章主要介绍了JavaScript中的every()方法,是JS入门学习中的基础知识,需要的朋友可以参考下
    2015-06-06
  • TypeScript中的接口和泛型你了解吗

    TypeScript中的接口和泛型你了解吗

    这篇文章主要为大家详细介绍了TypeScript接口和泛型,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-03-03
  • innerText 使用示例

    innerText 使用示例

    在元素间的文本就是通过对象.innerText,下面有个不错的示例,感兴趣的朋友可以参考下
    2014-01-01

最新评论