简述事件捕获和事件冒泡的区别

Question

如题所述

Answer 1

事件捕获和事件冒泡属于两个相反的过程，这里可以有一个我感觉十分恰当的比喻，当你把一个可以漂浮在水面上的物品，使劲向水里砸下去，它会首先有一个下降的过程，这个过程就可以理解为从最顶层向事件发生的最具体元素（目标点）的捕获过程；之后由于浮力大于物体自身的重力，物体会在到达最低点（
最具体元素）之后漂浮到水面上，这个过程相对于事件捕获是一个回溯的过程，即事件冒泡。

Answer 2

为了更清晰，我把移除事件换成clickdocument.aa
{width:
200px;height:
200px;background-color:
yellow;}.bb
{
width:
50px;height:
50px;background-color:
pink;
}当你点击子元素.bb的时候，会弹出1，然后又弹出2.。2是哪来的？是事件冒泡上去的事件分为捕获阶段，目标阶段，和冒泡阶段，当.bb触发点击事件后，会向上冒泡，又触发了.aa的点击事件这就是事件冒泡