微信小程序阻止事件冒泡的方法

本文总结一下在微信小程序中阻止事件冒泡的方法。

看下面这段代码：

<view bind:tap="onTapParent">
    <view bind:tap="onTapChild">click me</view>
    <button>click button</button>
</view>

点击 click me 后会依次触发 onTapChild 和 onTapParent，但事实上，我们可能期望只触发 onTapChild，也就是不希望事件向上冒泡。

如何阻止小程序事件冒泡呢？

我们可以在子元素使用 catch:tap 来阻止事件冒泡，就像这样：

<view bind:tap="onTapParent">
    <view catch:tap="onTapChild">click me</view>
    <button>click button</button>
</view>

这时候你再点击 click me 就只会触发 onTapChild 事件，而不会触发 onTapParent 事件了。

好了，以上就是阻止小程序事件冒泡的方法，就写到这里。

本文地址：https://www.tides.cn/p_mina-stop-propagation