事件處理模型 事件冒泡，捕獲

事件處理模型———— 事件冒泡，捕獲

事件冒泡：

結構上（非視覺上）巢狀關係的元素，會存在事件冒泡的功能，即同一事件，

自子元素冒泡向父元素。（自底向上）

事件捕獲：

結構上（非視覺上）巢狀關係的元素，會存在事件捕獲的功能，即同一事件，

自父級元素捕獲至子元素（事件源元素）。（自頂向下）

ie沒有捕獲事件

觸發順序，先捕獲，後冒泡。

focus, blur, change, submit, reset, select等事件不冒泡

content = document.getelementsbyclassname('content')[0],

box = document.getelementsbyclassname('box')[0];

},true);

console.log(contentbubble);

},true);

console.log(boxbubble);

},true);

},false);

console.log(content);

},false);

console.log(box);

},false);

事件處理程式模型，事件的冒泡和捕獲

結構上 非視覺上 巢狀關係的元素，會存在事件冒泡的功能，即同一事件，自子元素冒泡向父元素。自底向上 結構上 非視覺上 巢狀關係的元素，會存在事件捕獲的功能，即同一事件，自父元素捕獲至子元素 事件源元素 自頂向下 將addeventlistener的第三個引數設定為true則可啟用事件捕捉模型 ie8...

事件冒泡,事件捕獲

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

事件捕獲 事件冒泡

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 冒泡...