本文实例讲述了JavaScript事件对象event用法。分享给大家供大家参考,具体如下:
下面继续介绍JavaScript的事件对象event。
事件对象event包含导致事件的元素、事件的类型以及其他与特定事件相关的信息。
1、DOM中的事件对象
若直接将事件处理程序指定给了目标元素,则this,currentTarget
和target
包含相同的值;若事件处理程序存在于按钮的父节点中,则this
和currentTarget
等于父节点,而target等于按钮元素。
在需要通过一个函数处理多个事件时,可以使用type属性:
注意:
只有在事件处理程序执行期间,event对象才会存在;一旦事件处理程序执行完毕,event对象就会被销毁。2、IE中的事件对象
访问IE中的event对象有几种不同的方式:
1) 在使用DOM0级方法添加事件处理程序时,通过window.event
访问event对象;
2) 在使用attachEvent()
方法添加事件处理程序时,event对象会作为参数被传入事件处理程序中,也可以通过window.event
访问event对象;
3) 在通过HTML特性指定事件处理程序时,还可以通过一个名为event的变量来访问event对象。
IE中的事件目标通过attachEvent()方法添加事件处理程序时,this
则不等于事件目标。
3、跨浏览器的事件