举例:
<div class="dd" id="bb">
hello
<div id="cc" style="color: green">
world
</div>
</div>
JavaScript部分:<script type="text/javascript">
var bb=document.getElementById("bb");
var cc=document.getElementById("cc");
//cc.style.color="red";
cc.addEventListener("click",function(){
alert("子节点捕获!")
},true);
cc.addEventListener("click",function(){
alert("子节点冒泡!")
},false);
bb.addEventListener("click",function(){
alert("父节点捕获")
},true);
bb.addEventListener("click",function(){
alert("父节点冒泡")
},false);
</script>
先父节点捕获->子节点捕获->子节点冒泡->父节点冒泡