今天给大家说下JavaScript中的事件传播,三个包裹着的DIV,都绑定了点击事件,问:当点击div1时,会发生什么现象?
当点击div1时,触发事件1,但是,紧跟着,事件2和事件3也被触发了;
这种现象,我们称为事件冒泡
在JS中当一个事件发生以后,它会在不同的DOM节点之间传播。这种传播分成三个阶段:第一阶段:从window对象传导到目标节点,称为捕获阶段。第二阶段:在目标节点上触发,称为目标阶段。第三阶段:从目标节点传
导回window对象,称为冒泡阶段。
事件传播的最上层对象是window;事件的传播顺序,在捕获阶段依次为window、document、html、body、div;在冒泡阶段依次为div、body、html、document、window。
注意:三种事件绑定方式全部默认监听冒泡阶段事件;