【微信小程序】如何阻止事件冒泡到父级的navigator url跳转

本文介绍了一个在爬虫订阅项目中遇到的问题:点击switch按钮改变订阅状态时,如何避免触发父级navigator的URL跳转。通过使用catchtap方法而非bindtap方法,成功阻止了事件的冒泡。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

最近在做一个爬虫订阅项目时遇到一个问题:
当我点击switch按钮改变订阅状态时如何不触发父级的navigator的url跳转

下图是爬虫项目部分截图
这里写图片描述
经过尝试传统的阻止事件冒泡未成功后终于找到了catchtap这个方法

请看下图演示(因不方便所以随便打开一个小程序项目测试)
这里写图片描述
可以看到,catchcap绑定的那个方法我还没有写,如果你注意console控制台报错的话

但是,如果你catchtap后面不写函数的话将无法起到阻止事件冒泡的作用,即 catchtap="" 是无效的

bindtap:事件绑定不会阻止冒泡事件向上冒泡。
catchtap:事件绑定可以阻止冒泡事件向上冒泡。

tip:自基础库版本 1.5.0 起,触摸类事件支持捕获阶段。捕获阶段位于冒泡阶段之前,且在捕获阶段中,事件到达节点的顺序与冒泡阶段恰好相反。需要在捕获阶段监听事件时,可以采用capture-bind、capture-catch关键字,后者将中断捕获阶段和取消冒泡阶段。
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值