舉例:
<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>
先父節點捕獲->子節點捕獲->子節點冒泡->父節點冒泡