微信小程序 如何阻止事件冒泡？
微wx笑
2019-10-12【常见问题】
652
12
0关键字：
微信小程序 事件冒泡
界面布局中我们可能经常遇到这样的情况，view 绑定了 binktap 事件处理程序，而view中还是按钮之类的也绑定了事件处理程序，但这就出现一个问题，点击view中的按钮时，view的事件也被触发了。
微信小程序 如何阻止事件冒泡？
界面布局中我们可能经常遇到这样的情况，view 绑定了 binktap 事件处理程序，而view中还是按钮之类的也绑定了事件处理程序，但这就出现一个问题，点击view中的按钮时，view的事件也被触发了。
通常我们在.wxml文件中这样绑定事件处理程序:
1 | <view bindtap="setCount" data-id='{{item.id}}'></view> |
而要阻止事件冒泡，把 bindtap 换成 catchtap 就可以了：
1 | <button class="btnadd" data-id='{{item.id}}' data-idx="{{index}}" catchtap="btnAdd">+</button> |
本文由 微wx笑 创作，采用 署名-非商业性使用-相同方式共享 4.0 许可协议，转载请附上原文出处链接及本声明。
原文链接：https://www.ivu4e.cn/collection/miniprogram/issue/2019-10-12/252.html
