在微信小程序中怎样阻止冒泡事件?

在微信小程序当中,当两个包含的视图都使用了bindtap函数来绑定点击事件的话,就会发生冒泡事件(即点击内部事件时将同时触发外部事件),如果我们要想阻止冒泡事件的发生,将被包含在内部的bindtap该为catchtap即可,下面请看具体事例。

如下图所示,红色框子部分绑定的点击事件可跳转到该店铺的商品详情页,绿色框子部分的箭头图标绑定的点击事件跳转到地图导航页面,此时就需要我们去防止出现冒泡事件。
在微信小程序中怎样阻止冒泡事件?_第1张图片
在微信小程序中怎样阻止冒泡事件?_第2张图片
在微信小程序中怎样阻止冒泡事件?_第3张图片
那么跳转到店铺的商品详情页的点击事件用bindtap,跳转到地图导航页面的点击事件使用catchtap,这样就轻松阻止了小程序的冒泡事件。
在微信小程序中怎样阻止冒泡事件?_第4张图片

你可能感兴趣的:(小程序,微信小程序,小程序,微信)