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

在微信小程序开发中,当内外两个视图都绑定了bindtap事件时,会发生冒泡现象,导致内部点击同时触发外部事件。为了解决这个问题,可以将内部视图的bindtap替换为catchtap,这样可以阻止事件冒泡,确保点击绿色框中的箭头图标只跳转到地图导航页面,而不会误触发红色框内的商品详情页跳转。
摘要由CSDN通过智能技术生成
在微信小程序当中,当两个包含的视图都使用了bindtap函数来绑定点击事件的话,就会发生冒泡事件(即点击内部事件时将同时触发外部事件),如果我们要想阻止冒泡事件的发生,将被包含在内部的bindtap该为catchtap即可,下面请看具体事例。

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

  • 7
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值