event.stopPropagation()

最新推荐文章于 2023-11-25 01:54:38 发布

原创最新推荐文章于 2023-11-25 01:54:38 发布 · 582 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#event.stopPropagatio

开发技术专栏收录该内容

0 篇文章

订阅专栏

本文详细介绍了如何使用event.stopPropagation()来阻止事件的冒泡行为，并通过一个具体的HTML结构示例解释了这一过程。当为不同层级的元素添加点击事件监听器时，如何确保特定元素的事件不会触发其父级或其他祖先元素的事件。

阻止事件流：

event.stopPropagation();只考虑冒泡事件，这样才有意义，如果添加给捕捉行事件的话，事件的监听就没有意义了，

比如给:

里的span添加onlick事件时，同时加上了event.stopPropagation();然后给div,p也添加了onlick的监听，那么当在页面上点击span元素区域时，就不会执行span的function（）{}内容，而是由于捕捉事件从最外层向内捕捉，仅仅执行了最外层的div的监听事件，而后就被阻止了，span的监听就无效了。