浏览器事件模型捕获、冒泡
生活随笔
收集整理的這篇文章主要介紹了
浏览器事件模型捕获、冒泡
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
瀏覽器中有兩種事件模型，那就是捕獲和冒泡。
當(dāng)div發(fā)生嵌套時(shí)，點(diǎn)擊其中一個(gè)div，所發(fā)生的事件并不會(huì)僅僅只針對(duì)被點(diǎn)擊的div，他會(huì)觸發(fā)自己父元素的事件。
如圖所示，執(zhí)行順序從window向自己的為捕獲階段；反之為冒泡階段。執(zhí)行過程總是先執(zhí)行捕獲在執(zhí)行冒泡。
例子如下。
輸出順序?yàn)?br /> 捕獲,window
捕獲,parent
捕獲,son
捕獲,child
冒泡,child
冒泡,son
冒泡,parent
冒泡,window
利用addEventListener去監(jiān)聽元素的click事件，第三參數(shù)默認(rèn)為false，就是監(jiān)聽的冒泡階段的事件。true就是監(jiān)聽捕獲階段的事件。
如果想阻止是事件流程就可以用
e.stopPropagation();
這個(gè)方法是用來阻止事件流程，包括捕獲階段和冒泡階段。
總結(jié)
以上是生活随笔為你收集整理的浏览器事件模型捕获、冒泡的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 用公式提取多个Excel文件的数据
- 下一篇： 连毕马威也看好这家金融科技公司，面对AI