发生条件
事件冒泡发生的条件:当为多个嵌套的元素设置了相同的事件处理程序,它们将触发事件冒泡机制。在事件冒泡中,最内部的元素将首先触发其事件,然后是栈内的下一个元素触发该事件,以此类推,直到到达最外面的元素。如果把事件处理程序指定给所有的元素,那么这些事件将依次触发。
不是所有的事件都能冒泡。以下事件不冒泡:blur、focus、load、unload。
取消事件冒泡
<style>
#d1{
width: 300px;
height: 300px;
background-color: pink;
}
#d2{
width: 200px;
height: 200px;
background-color: yellow;
}
#d3{
width: 50px;
height: 50px;
background-color: green;
}
</style>
<div id="d1">
<div id="d2">
<div id="d3"></div>
</div>
</div>
// 阻止事件冒泡:
var d1 = document.getElementById('d1');