DOM事件对象与IE事件对象

DOM 事件处理对象

属相和方法 类型 读写 说明
bubbles Boolean 只读 表明事件是否冒泡
cancelable Boolean 只读 表明是否可以取消事件默认行为
currentTarget Element 只读 事件处理程序当前正在处理事件的那个元素
defaultPrevented Boolean 只读 true 表示已经调用了 preventDefault()
detail Integer 只读 与事件相关的细节信息
eventPhase Integer 只读 调用事件处理程序的阶段:1表示捕获,2表示"处于目标阶段", 3表示冒泡阶段
preventDefault() Function 只读 取消时间的默认行为。如果cancelable 是true,则可以使用这个方法
stopImmediatePropagation() Function 只读 取消事件的进一步捕获或冒泡,同时阻止任何事件处理程序被调用
stopPropagation() Function 只读 取消事件的进一步捕获或冒泡,如果 bubbles 为true,则可以调用这个方法
target Element 只读 事件的目标
trusted Boolean 只读 true 表示事件是浏览器生成的。为fasle 表示 事件是由开发人员通过JavaScript创建的
type String 只读 被触发的事件类型
view AbstractView 只读 与事件关联的抽象视图。等同于发生事件的 window 对象

IE事件对象

属相和方法 类型 读写 说明
cancelBubble Boolean 读/写 默认值为fasle,设置为true,就可以取消事件冒泡 与 DOM 中的 stopPropagation()方法的作用相同
returnValue Boolean 读/写 默认为 true, 设置为fasle。 就可以取消事件的默认行为
srcElement Element 只读 事件的目标(与DOM中的target属性相同)
type String 只读 被触发事件的类型

注意:

  1. DOM中事件处理对象中的 event.currentTargetevent.target 的不同?
    1. event.currentTarget 的 值 始终等于 this
    2. event.target 的值 只包含事件的 实际 目标, 即 点谁 指的就是谁!!!
  2. cancelBubble属相与stopPropagation()方法 作用相同,都是用来停止事件冒泡的,由于IE事件不支持事件捕获,因而cancelBubble只能用来阻止事件冒泡。
    stopPropagation()可以同时取消事件冒泡和捕获!

猜你喜欢

转载自www.cnblogs.com/ningzy/p/9286620.html