美文网首页
微信小程序 子元素事件不触发父元素事件

微信小程序 子元素事件不触发父元素事件

作者: 张思学 | 来源:发表于2020-05-20 11:03 被阅读0次

很多人问了这个问题
其实很简单,只需要把子级的bindtap改成catchtap,就可以了。
很多情况下,我们的代码逻辑会是这样的父元素有独立操作的事件,子元素也有独立操作的事件,点击子元素会触发父元素事件

解决方法
<view bindtap="father">
  父元素
  <view catchtap="child">子元素</view>
</view>

father(){
  console.log('我是父元素')
}

child(){
  console.log('我是子元素')
}
原因

bind事件绑定不会阻止冒泡事件向上冒泡
catch事件绑定可以阻止冒泡事件向上冒泡
当点击子集的 catchtap='child' 事件之后阻止冒泡事件向上冒泡,所以不会触发bindtap='father'

相关文章

  • 微信小程序 子元素事件不触发父元素事件

    很多人问了这个问题其实很简单,只需要把子级的bindtap改成catchtap,就可以了。很多情况下,我们的代码逻...

  • 小程序中点击子元素事件而不触发父元素的点击事件

    在测试小程序的时候,发现了这样的一个bug,点击子元素事件d的时候触发父元素的点击事件,从而执行父级的点击事件,跳...

  • 微信小程序阻止事件冒泡

    在测试小程序的时候,发现了这样的一个bug,点击子元素事件d的时候触发父元素的点击事件,从而执行父级的点击事件,跳...

  • Jqeury 阻止事件冒泡

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

  • vue父子组件传参(子组件触发父组件方法)

    子元素触发父元素事件四步走 子组件定义一个事件,或者写在生命周期里面 子组件方法内(生命周期内),触发父元素事件 ...

  • angular阻止冒泡

    注:父元素和子元素都有click事件绑定,当点击子元素,希望执行子元素的事件而不执行父元素事件,在子元素事件开始时...

  • e.target和e.currentTarget和this 三者

    e.target 是一种事件委托,通过事件冒泡机制,给父元素添加监听事件。当子元素触发事件,由于事件冒泡到父元素,...

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

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

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

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

  • jQuery阻止冒泡事件

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

网友评论

      本文标题:微信小程序 子元素事件不触发父元素事件

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