事件的捕獲和冒泡

2021-10-09 02:19:04 字數 307 閱讀 3125

obj1

obj2

world

事件的處理分冒泡 和捕獲  ,冒泡是從內往外,捕獲是從外往內

正常的onclick 是冒泡 ,addeventlistener 要看第三個引數,如果是true則是捕獲機制,如果是false則是冒泡機制,

如果過時onclick和false同事的話,在chrom誰先宣告誰先觸發,如果同乙個dom多次addeventlistener,則會執行多次,誰先宣告誰先執行,如果同一dom多次onclick,則只執行一次,誰最後宣告,就執行誰。

事件冒泡和事件捕獲

事件冒泡 事件物件沿dom樹向上傳播 事件捕獲 事件物件沿dom樹向下傳播 addeventlistener click function flase 引數預設為false 代表事件冒泡,引數為true代表事件捕獲 attachevent onclick function detachevent 沒...

事件捕獲和事件冒泡

如果乙個節點和它的乙個父節點都繫結了相同事件型別的 當事件觸發時哪個 會先執行?儘管網景和微軟的處理方式不一致,也不要太過擔心。netscape 4 支援事件捕捉 capturing 從頂層的父節點開始觸發事件,從外到內傳播。微軟則支援事件冒泡 bubbling 從最內層的節點開始觸發事件,逐級冒泡...

事件冒泡和事件捕獲

在js中,繫結的事件預設的執行時間是在冒泡階段執行,而非在捕獲階段 重要 這也是為什麼當父類和子類都繫結了某個事件,會先呼叫子類繫結的事件,後呼叫父類的事件。直接看下面例項 當點選id3元素時候,執行結果是 id2,id3,id1 解析 因為obj2與obj3繫結的方法在捕獲階段執行,obj1的事件...