JavaScript事件的传播，你知道吗？

今天给大家说下JavaScript中的事件传播，三个包裹着的DIV，都绑定了点击事件，问：当点击div1时，会发生什么现象？

JavaScript事件的传播，你知道吗？ JavaScript事件的传播，你知道吗？

当点击div1时，触发事件1，但是，紧跟着，事件2和事件3也被触发了；

这种现象，我们称为事件冒泡

在JS中当一个事件发生以后，它会在不同的DOM节点之间传播。这种传播分成三个阶段：第一阶段：从window对象传导到目标节点，称为捕获阶段。第二阶段：在目标节点上触发，称为目标阶段。第三阶段：从目标节点传

导回window对象，称为冒泡阶段。

JavaScript事件的传播，你知道吗？

事件传播的最上层对象是window；事件的传播顺序，在捕获阶段依次为window、document、html、body、div；在冒泡阶段依次为div、body、html、document、window。

注意：三种事件绑定方式全部默认监听冒泡阶段事件；