常见问题您现在的位置是:首页 > 专栏文集 > 微信小程序开发 > 常见问题

微信小程序 如何阻止事件冒泡?

<a href='mailto:'>微wx笑</a>的头像微wx笑 2019-10-12常见问题 12 0关键字: 微信小程序  事件冒泡  

界面布局中我们可能经常遇到这样的情况,view 绑定了 binktap 事件处理程序,而view中还是按钮之类的也绑定了事件处理程序,但这就出现一个问题,点击view中的按钮时,view的事件也被触发了。

微信小程序 如何阻止事件冒泡?4k9无知

界面布局中我们可能经常遇到这样的情况,view 绑定了 binktap 事件处理程序,而view中还是按钮之类的也绑定了事件处理程序,但这就出现一个问题,点击view中的按钮时,view的事件也被触发了。4k9无知


4k9无知

通常我们在.wxml文件中这样绑定事件处理程序:4k9无知

<view bindtap="setCount" data-id='{{item.id}}'></view>

而要阻止事件冒泡,把 bindtap 换成 catchtap 就可以了:4k9无知

<button class="btnadd" data-id='{{item.id}}' data-idx="{{index}}" catchtap="btnAdd">+</button>


4k9无知

本文由 微wx笑 创作,采用 署名-非商业性使用-相同方式共享 4.0 许可协议,转载请附上原文出处链接及本声明。
原文链接:https://www.ivu4e.cn/collection/miniprogram/issue/2019-10-12/252.html

很赞哦! () 有话说 ()