事件冒泡和事件捕獲


事件冒泡和事件捕獲

1.addEventListener的第三個參數決定了是事件捕獲還是事件冒泡

true:表示注冊的事件在捕獲階段觸發

false:表示注冊的事件在冒泡階段觸發-----默認值

2.事件冒泡:

當一個元素的事件觸發了,同樣的事件會在該元素的所有祖輩元素中一次觸發,事件冒泡(從里往外).

3.事件捕獲:

同事件冒泡相反,從外往里

誤解:元素並不是只有注冊了事件,才會有事件冒泡和事件捕獲

4.事件流

三個階段; 1.事件捕獲 2.事件目標[事件源] 3.事件冒泡 

注意點: 一個元素的事件,不會再兩個階段都觸發

再實際使用中,有時候我們會需要阻止事件冒泡,可以使用e.stopPropagation();

附阻止瀏覽器默認行為的方法:

函數內return false ; e.preventDefault();----e是事件對象event


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM