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()可以同时取消事件冒泡和捕获!











网友评论