資訊專欄INFORMATION COLUMN
摘要：捕獲模式，的第三個參數(shù)為則為捕獲模式，點(diǎn)擊時事件觸發(fā)順序為冒泡模式，不填寫的第三個參數(shù)為冒泡模式，點(diǎn)擊時事件觸發(fā)順序為取消冒泡取消冒泡，取消冒泡后事件就不會往上層傳遞，這時只有監(jiān)聽的事件被執(zhí)行冒泡和捕獲的執(zhí)行順序如果同時使用冒
捕獲模式
1，addEventListener 的第三個參數(shù) useCapture 為 true 則為捕獲模式
2，點(diǎn)擊 C 時事件觸發(fā)順序為 A -> B -> C
冒泡模式
1，不填寫 addEventListener 的第三個參數(shù)為冒泡模式
2，點(diǎn)擊 C 時事件觸發(fā)順序為 C -> B -> A
取消冒泡
// 取消冒泡 event.cancelBubble = true
1，取消冒泡后事件就不會往上層傳遞
2，這時只有監(jiān)聽 C 的事件被執(zhí)行
冒泡和捕獲的執(zhí)行順序
如果同時使用冒泡和捕獲，先監(jiān)聽誰就先執(zhí)行誰
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/109330.html
摘要：處于目標(biāo)階段事件在上發(fā)生并處理。冒泡階段事件又傳播回文檔。不支持捕獲事件的?？偨Y(jié)二使用事件委托新添加的元素還會有之前的事件。事件對象在觸發(fā)某個事件時，會產(chǎn)生一個事件對象。 js 是采用異步事件驅(qū)動的機(jī)制來響應(yīng)用戶操作的，也就是說當(dāng)用戶對某個html元素進(jìn)行操作的時候，會產(chǎn)生一個事件，該事件會驅(qū)動某些函數(shù)來處理。事件源：產(chǎn)生事件的地方（html元素，窗口，其他等等)；事件：鼠標(biāo)事件，鍵盤...
摘要：如圖使用事件捕獲模式注冊事件監(jiān)聽對最外層，中間層，最內(nèi)層分別用捕獲模式注冊事件監(jiān)聽，我們上面說了，如果使用捕獲模式，那么第三個參數(shù)應(yīng)該是，否則則是冒泡模式，如果不聲明，默認(rèn)為冒泡模式。 來源: 個人博客 想必好多童鞋都有直接復(fù)制粘貼event.preventDefault() 或者event.stopPropagation() 的經(jīng)歷，但是為什么這樣做不甚了解，今天我們的目的就是要徹...
摘要：本文主要解決兩個問題什么是事件流事件流的三個階段起因在學(xué)習(xí)前端的大半年來，對事件了解甚少。事件流所描述的就是從頁面中接受事件的順序。事件流事件流包括三個階段。防止事件冒泡而帶來不必要的錯誤和困擾。分有事件冒泡與事件捕獲兩種。 本文主要解決兩個問題： 什么是事件流 DOM事件流的三個階段 起因 在學(xué)習(xí)前端的大半年來，對DOM事件了解甚少。一般也只是用用onclick來綁定個點(diǎn)擊事件。...
摘要：本文主要解決兩個問題什么是事件流事件流的三個階段起因在學(xué)習(xí)前端的大半年來，對事件了解甚少。事件流所描述的就是從頁面中接受事件的順序。事件流事件流包括三個階段。防止事件冒泡而帶來不必要的錯誤和困擾。分有事件冒泡與事件捕獲兩種。 本文主要解決兩個問題： 什么是事件流 DOM事件流的三個階段 起因 在學(xué)習(xí)前端的大半年來，對DOM事件了解甚少。一般也只是用用onclick來綁定個點(diǎn)擊事件。...
閱讀 2847·2021-09-24 09:47
閱讀 4464·2021-08-27 13:10
閱讀 3087·2019-08-30 15:44
閱讀 1354·2019-08-29 12:56
閱讀 2648·2019-08-28 18:07
閱讀 2696·2019-08-26 14:05
閱讀 2707·2019-08-26 13:41
閱讀 1324·2019-08-26 13:33
