js之事件冒泡和事件捕獲

1，ie只冒泡，w3c先捕獲再冒泡

事件的傳播過程：事件捕捉-》目的節點 -》冒泡事件，下面的**體現了事件的冒泡過程，某一節點定義了onclick事件，該事件會從當前的節點往上到父節點一直到document節點，在冒泡的過程中，如果父節點同樣定義了該事件控制代碼，就會同樣呼叫該控制代碼，這也是事件**的原理所在

這個**很直觀了，

事件冒泡（的過程）：事件從發生的目標（event.srcelement||event.target）開始，沿著文件逐層向上冒泡，到document為止。

事件捕獲（的過程）：則是從document開始，沿著文件樹向下，直到事件目標為止。

關鍵一句：在ie瀏覽器中，只發生事件冒泡的過程；在w3c（或支援事件捕獲的）瀏覽器中，先發生捕獲的過程，再發生冒泡的過程。以上demo在ie和ff下執行並無區別，其實ff瀏覽器下發生了捕獲過程，只是什麼也沒「捕獲」到罷了~

想要新增乙個由捕獲過程觸發的事件，只能這樣了：

addeventlistener('click',functionname,true);//將第三個引數設定為true，表明該事件時為捕獲過程設定的。

這個就不能在ie下執行了~

2.把事件捕獲和冒泡的過程統稱為事件的傳播

事件的傳播是可以阻止的：

在捕獲的過程中stoppropagation（）；後，後面的冒泡過程也不會發生了~

3.阻止事件的預設行為，例如click 後的跳轉~