addEventListener()的第三个布尔型参数便是定义冒泡与捕获,默认false为冒泡,true为捕获。
如果你将<p>元素插入到<div>元素中,用户点击<p>元素, 哪个元素的 "click" 事件先被触发呢?
在冒泡中,内部元素的事件会被触发,然后再触发外部元素,即:<p>元素的点击事件先触发,然后会触发<div>元素的点击事件。
在 捕获 中,外部元素的事件会先被触发,然后才会触发内部元素的事件,即:<div>元素的点击事件先触发 ,然后再触发<p>元素的点击事件。
捕获和冒泡
注意:onclick和attachEvent只能得到冒泡阶段;onblur,onfocus,onmouseenter,onmouseleave无冒泡阶段。
阻止冒泡
对象.stopPropagation();
对象.canceBubble=true;