事件冒泡和事件捕获有什么用？

Question

事件冒泡和事件捕获有什么用？

Answer 1

如果单击某个元素，例如页面上的结构链接如下：

- BODY
  - DIV
    - A

然后不仅A获得了onclick事件，而且还获得了所有元素。第一轮是从底部到顶部的捕获阶段，每个元素都获得onclick事件并且能够打破事件。当捕获结束时，发生了定位阶段 - 这是被点击的最顶层元素。然后发生冒泡，这与捕获几乎相同，但这次它从上到下反过来。因此，在下面的示例中，单击后不会发生1次onclick事件，但实际上是5次（2次捕获，1次定位，2次冒泡）。

捕捉阶段

v ---BODY--- :onclick, break event?
v  --DIV--   :onclick, break event?

定位阶段

v    -A-     :onclick, break event?

冒泡阶段

v  --DIV--   :onclick, break event?
v ---BODY--- :onclick, break event?