事件冒泡

Posted wangzhen1012

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了事件冒泡相关的知识,希望对你有一定的参考价值。

事件冒泡:当给父子元素的同一事件绑定方法时,出发子元素身上的事件,执行完毕之后,也会出发父级元素的相同事件,这种传播机制叫事件冒泡。

 

技术分享图片

 

取消事件冒泡。

 

event对象有一个属性叫cancelBubble       默认值是false    改成true就是取消事件冒泡。

 

 

技术分享图片

 

以上是关于事件冒泡的主要内容,如果未能解决你的问题,请参考以下文章

事件冒泡以及取消事件冒泡方法

事件冒泡和事件捕获

HTML如何阻止事件冒泡?求源码分析

事件冒泡 & 阻止事件冒泡

vue阻止事件冒泡,事件穿透

冒泡事件 阻止冒泡事件