微信小程序中的事件冒泡问题

本文介绍了小程序中事件冒泡的概念及处理方式。bindtap事件绑定允许事件向上冒泡,而catchtap则能阻止这一行为。通过示例展示了如何在wxml和js中实现不同绑定效果。

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

冒泡事件:当一个组件上的事件被触发后,该事件会向父节点传递。
小程序中事件绑定对事件冒泡问题的处理:
bindtap 事件绑定不会阻止冒泡事件向上冒泡
catchtap 事件绑定可以阻止冒泡事件向上冒泡
wxml:
里写图片描述
js:
父元素:touch:function(){
console.log(‘touch’);
}
子元素1:first:function(){
console.log(111111);
}
子元素2:second:function(){
console.log(22222);
}
当点击子元素1时控制台会输出两个信息。一个是first子元素自身触发的,另一个是事件冒泡导致触发父元素造成的,而用catch绑定的second子元素点击是不会引起事件冒泡的。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值