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

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

<a href='mailto:'>微wx笑</a>的头像微wx笑2019-10-12 15:57:30常见问题人已围观关键字:微信小程序,事件冒泡

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

微信小程序 如何阻止事件冒泡?1oV编程技术_踩坑日志_进阶指南_无知人生

界面布局中我们可能经常遇到这样的情况,view 绑定了 binktap 事件处理程序,而view中还是按钮之类的也绑定了事件处理程序,但这就出现一个问题,点击view中的按钮时,view的事件也被触发了。1oV编程技术_踩坑日志_进阶指南_无知人生


1oV编程技术_踩坑日志_进阶指南_无知人生

通常我们在.wxml文件中这样绑定事件处理程序:1oV编程技术_踩坑日志_进阶指南_无知人生

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

而要阻止事件冒泡,把 bindtap 换成 catchtap 就可以了:1oV编程技术_踩坑日志_进阶指南_无知人生

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


1oV编程技术_踩坑日志_进阶指南_无知人生

本文由 微wx笑 创作,采用 CC BY-NC 4.0 许可协议。 非商业性使用可自由转载、引用、甚至修改,但需署名作者且注明出处。

很赞哦! () 有话说 ()