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 | 只读 | 被触发事件的类型 |
注意:
- DOM中事件处理对象中的
event.currentTarget
与event.target
的不同?- event.currentTarget 的 值 始终等于
this
- event.target 的值 只包含事件的 实际 目标, 即 点谁 指的就是谁!!!
- event.currentTarget 的 值 始终等于
cancelBubble
属相与stopPropagation()
方法 作用相同,都是用来停止事件冒泡的,由于IE事件不支持事件捕获,因而cancelBubble
只能用来阻止事件冒泡。
但stopPropagation()
可以同时取消事件冒泡和捕获!