DOM的三個階段?(捕獲階段、目標階段、冒泡階段)
阿新 • • 發佈:2020-08-08
document.addEventListener("Event",Function,true/false)
true:捕獲階段 falses:冒泡階段
一、捕獲階段
DOM樹的某個節點發生了某種操作,從window發出一個事件,不斷經過下級節點最終到達目標節點之前的階段。(當某個事件發生時,父元素最先捕獲到事件,目標元素最後收到)
二、目標階段
當事件不斷傳遞直到目標節點的時候,最終在目標節點上出發這個事件。
三、冒泡階段
由最具體的元素接受,然後逐級傳播到最不具體的節點。
總結:事件一開始從文件的根節點流向目標物件(事件捕獲),然後在目標向上被觸發(目標階段),之後再回到文件的根節點(冒泡階段)。
阻止冒泡:stopPropagation()
stopPrapagation()方法:阻止事件在傳播過程中的捕獲,目標處理或冒泡階段進一步傳播,使用該方法後,該節點處理該事件的處理程式將被呼叫,事件不再被分派到其他節點。