事件捕獲 事件冒泡

<

body
>
<
div 
id="div1"
>
<
div 
id="div2"
>
<
div 
id="div3"
>
div>
div>
div>
body
>
<
script
>
window.onload 
=function
() 
/*odiv1.onclick = fn1;
odiv2.onclick = fn1;
odiv3.onclick = fn1;
*///
false = 冒泡（出去） true = 捕獲（進來）
//告訴div1，如果有乙個出去的事件觸發了你，你就去執行fn1這個函式
/*odiv1.addeventlistener('click', fn1, false);
odiv2.addeventlistener('click', fn1, false);
odiv3.addeventlistener('click', fn1, false);
*///
告訴div1，如果有乙個進來的事件觸發了你，你就去執行fn1這個函式
/*odiv1.addeventlistener('click', fn1, true);
odiv2.addeventlistener('click', fn1, true);
odiv3.addeventlistener('click', fn1, true);
*/odiv1.addeventlistener(
'click', 
function
() , 
false
); odiv1.addeventlistener(
'click', 
function
() , 
true
); odiv3.addeventlistener(
'click', 
function
() , 
false
); 
//3 2 1
}script
>

下拉列表--取消冒泡案例：

<
style
>
div 
style
>
<
script
>
window.onload 
=function
() document.onclick 
=function
() }
script
>
<
body
>
<
button
>顯示
button
>
<
div>
div>
body
>

事件冒泡,事件捕獲

js事件流中有一種事件被稱為 冒泡事件 當乙個元素被觸發乙個事件時，該目標元素上的事件會優先被執行，然後向外傳播到每個祖先元素，恰如水裡的乙個泡泡似的，從產生就一直往上冒，到達水平面時，它才消失。在這個過程中，如果你只希望觸發目標元素上的事件，而不想它傳播到祖先元素上去，那麼你需要在 泡泡 離開物件...

事件流 事件捕獲？事件冒泡？

事件流 從頁面中接收事件的順序。也就是說當乙個事件產生時，這個事件的傳播過程，就是事件流。ie中的事件流叫事件冒泡 事件冒泡 事件開始時由最具體的元素接收，然後逐級向上傳播到較為不具體的節點 文件 對於html來說，就是當乙個元素產生了乙個事件，它會把這個事件傳遞給它的父元素，父元素接收到了之後，還...

事件捕獲事件冒泡事件委派

當事件發生時，事件從dom樹頂層節點，一直傳播到目標節點，這個階段就叫做事件捕獲階段 當事件發生時，事件從目標節點，一直傳播到dom樹頂層節點，這個階段就叫做事件冒泡階段 當事件發生時，事件傳播順序為 事件捕獲階段 事件目標階段 事件冒泡階段 function stopbubble e else f...