事件冒泡和事件捕獲
1.addEventListener的第三個參數決定了是事件捕獲還是事件冒泡
true:表示注冊的事件在捕獲階段觸發
false:表示注冊的事件在冒泡階段觸發-----默認值
2.事件冒泡:
當一個元素的事件觸發了,同樣的事件會在該元素的所有祖輩元素中一次觸發,事件冒泡(從里往外).
3.事件捕獲:
同事件冒泡相反,從外往里
誤解:元素並不是只有注冊了事件,才會有事件冒泡和事件捕獲
4.事件流
三個階段; 1.事件捕獲 2.事件目標[事件源] 3.事件冒泡
注意點: 一個元素的事件,不會再兩個階段都觸發
再實際使用中,有時候我們會需要阻止事件冒泡,可以使用e.stopPropagation();
附阻止瀏覽器默認行為的方法:
函數內return false ; e.preventDefault();----e是事件對象event