目录

Event

1. event.target

2. event.eventPhase

3. event.currentTarget

4. 事件捕获

5. 事件冒泡

6. onclick & addEventListener

7. 例子🌰

点击 div#d2 后的打印效果

Event

1. event.target

触发事件的目标元素

2. event.eventPhase

• 0 Event.NONE （没有事件）
• 1 Event.CAPTURING_PHASE（捕获阶段）
• 2 Event.AT_TARGET（事件传播到目标元素）
• 3 Event.BUBBLING_PHASE（冒泡阶段）

3. event.currentTarget

事件是在不断传播的，而 currentTarget 代表事件当前传到的元素

4. 事件捕获

从根元素（document）传播向下到目标元素的过程

5. 事件冒泡

从目标元素向上传播到根元素（document）上的过程

6. onclick & addEventListener

x.addEventListener(type, listener, useCapture);

注意第三个参数，默认是 false

• true：事件捕获是触发事件
• false： 事件冒泡是触发事件

使用 onclick 形式在元素上加事件的，默认 useCapture 为 false

7. 例子🌰

d1d2d3

点击 div#d2 后的打印效果：

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！