27
2020
10

说一下事件冒泡、事件捕获的区别

这个问题和事件流回答一样即可

先说下什么是事件流吧!!!

事件流:事件流分为三个阶段

(1)捕获阶段

(2)目标阶段

(3)冒泡阶段

捕获过程:1.window——>2.document——>3.body——>4.div——>5.text

目标过程:捕获过程的5

冒泡过程:6.text——>7.div——>8.body——>9.document——>10.window

事件捕获:首先window会捕获到事件,之后document、documentElement、body会捕获到,在之后就是body到dom元素一层一层的捕获到事件,有wrap div、inner p;

目标阶段:真正点击元素textSpan的事件发生了两次,因为在上面的JavaScript代码中,textSpan既在捕获阶段绑定事件,又在冒泡阶段绑定了事件,所以发生2次。

事件冒泡:和捕获阶段相反的事件一步一步地冒泡到window

(补充:冒泡为false、捕获为true)

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。