事件冒泡與事件捕獲

// 事件捕獲：

事件的第一個階段是捕獲階段。事件從文檔的根節點流向目標對象節點。途中通過各個層次的DOM節點，並在各節點上觸發捕獲事件，直到到達事件的目標節點。捕獲階段的主要任務是創建傳播路徑，在冒泡階段，事件會經過這個路徑回溯到文檔跟節點。

// 當事件觸發後，從window對象觸發，不斷的通過下級節點，直到目標節點，

// 在事件到達目標節點以前的過程就是是事件捕獲階段，全部通過的節點，都會觸發相對應的事件

// window -- document - body - btn

// 事件冒泡

// 當事件到達目標節點後，會沿着捕獲階段的路線原路返回，一樣通過全部的節點，都會觸發相對應的事件// 當事件到達目標節點以前的過程就是事件捕獲階段，

//默認是冒泡從小到大，加true是捕獲從大到小

function f() {

var btn = document.getElementById('btn');

btn.addEventListener("click",function () {

alert("這是btn的彈出");

},true);

window.addEventListener("click",function () {

alert("這是window的彈出");

},true);

document.addEventListener("click",function () {

alert("這是document的彈出");

},true);

} //彈出爲btn document window的順序是事件冒泡

//,true window document btn 是事件捕獲