美文网首页
防止点击子元素触发父元素的事件(阻止事件冒泡)

防止点击子元素触发父元素的事件(阻止事件冒泡)

作者: Goorln | 来源:发表于2018-11-26 20:15 被阅读0次
问题描述:在写一个点击头部栏展开收起,并且头部栏还有收藏功能的小图标事件,当我点击收藏的时候会触发展开收起的功能。
html部分:
image
script部分:
image
这样写的话,第二个点击事件会触发第一个点击事件的展开收起功能
解决办法:阻止冒泡
image

相关文章

  • js事件监听 事件冒泡 和css3新增

    事件监听:事件捕获 目标阶段 冒泡阶段 事件冒泡:当使用事件冒泡时,子元素先触发,父级元素后触发。 //阻止事件冒...

  • Jqeury 阻止事件冒泡

    Jqeury 阻止事件冒泡 在子元素和父元素上同时绑定相同的事件,在触发子元素事件的同时,事件会冒泡继续往上会触发...

  • vue中的事件修饰符

    不使用修饰符情况 执行结果:点击了子元素;点击了父元素 stop - 阻止事件冒泡 执行结果:点击了子元素(未触发...

  • Vue知识点笔记2

    Vue指令之事件修饰符:.stop 阻止冒泡(写在子元素中阻止其触发父元素事件).prevent 阻止默认事件.c...

  • 防止点击子元素触发父元素的事件(阻止事件冒泡)

    问题描述:在写一个点击头部栏展开收起,并且头部栏还有收藏功能的小图标事件,当我点击收藏的时候会触发展开收起的功能。...

  • 事件其他

    1. 阻止事件冒泡 默认情况下,触发子元素的事件时,会同时触发父元素相同的事件,这就叫做事件冒泡 e.stopPr...

  • stopPropagation和stopImmediatePro

    都可以阻止事件冒泡(子元素向父元素冒泡) stopImmediatePropagation阻止事件冒泡并且阻止相同...

  • jQuery阻止冒泡事件

    测试代码 效果如图 当我们点击子元素(黄色区域)时会先触发子元素的点击事件,然后会继续触发父元素的点击事件,阻止冒...

  • 多级菜单增删改

    问题1:出现事件冒泡,父级元素的点击事件传递给了子元素。 解决方法:阻止事件冒泡 方法一:function(e){...

  • 什么是事件冒泡/捕获?

    事件冒泡:子元素事件的触发会影响父元素事件开关事件冒泡:A:开启事件冒泡:element.addEventList...

网友评论

      本文标题:防止点击子元素触发父元素的事件(阻止事件冒泡)

      本文链接:https://www.haomeiwen.com/subject/avjiqqtx.html