在微信小程序当中,当两个包含的视图都使用了bindtap函数来绑定点击事件的话,就会发生冒泡事件(即点击内部事件时将同时触发外部事件),如果我们要想阻止冒泡事件的发生,将被包含在内部的bindtap该为catchtap即可,下面请看具体事例。
如下图所示,红色框子部分绑定的点击事件可跳转到该店铺的商品详情页,绿色框子部分的箭头图标绑定的点击事件跳转到地图导航页面,此时就需要我们去防止出现冒泡事件。
![](https://img-blog.csdnimg.cn/img_convert/ae050ae0bf411efcbad0dfb77d505731.png)
![](https://img-blog.csdnimg.cn/img_convert/94e298f265be2e12067e6b5c34cb8208.png)
![](https://img-blog.csdnimg.cn/img_convert/84519e949123aaca41637e56076fe0ab.png)
那么跳转到店铺的商品详情页的点击事件用bindtap,跳转到地图导航页面的点击事件使用catchtap,这样就轻松阻止了小程序的冒泡事件。
![](https://img-blog.csdnimg.cn/img_convert/51c1dca779c18fd43ff5c8a093f97561.png)