1. 程式人生 > 實用技巧 >DOM的三個階段?(捕獲階段、目標階段、冒泡階段)

DOM的三個階段?(捕獲階段、目標階段、冒泡階段)

 document.addEventListener("Event",Function,true/false)

true:捕獲階段 falses:冒泡階段

一、捕獲階段

DOM樹的某個節點發生了某種操作,從window發出一個事件,不斷經過下級節點最終到達目標節點之前的階段。(當某個事件發生時,父元素最先捕獲到事件,目標元素最後收到)

二、目標階段

當事件不斷傳遞直到目標節點的時候,最終在目標節點上出發這個事件。

三、冒泡階段

由最具體的元素接受,然後逐級傳播到最不具體的節點。

總結:事件一開始從文件的根節點流向目標物件(事件捕獲),然後在目標向上被觸發(目標階段),之後再回到文件的根節點(冒泡階段)。

阻止冒泡:stopPropagation()

stopPrapagation()方法:阻止事件在傳播過程中的捕獲,目標處理或冒泡階段進一步傳播,使用該方法後,該節點處理該事件的處理程式將被呼叫,事件不再被分派到其他節點。