微信小程序(事件对象-绑定、冒泡、捕获)

本文介绍了微信小程序中事件的冒泡和捕获机制,以及事件对象的相关属性,包括`target`和`currentTarget`的区别。同时讲解了如何通过`bind`和`catch`来控制事件冒泡,并且提到了事件对象中的`touches`和`changedTouches`属性,以及如何使用`dataset`传递自定义数据。
摘要由CSDN通过智能技术生成

原生组件
原小程序中的部分组件是由客户端创建的生组件,包含:
1.camera 2.canvas 3.input(仅在focus时表现为原生组件) 4.map 5.textarea 6.video
事件冒泡

<view id="parent" bindtap="parentFn">
  <view id="child" bindtap="childFn"></view>
</view>
#parent{
  width: 200rpx;
  height: 200rpx;
  background: pink;
}
#child{
  width: 100rpx;
  height: 100rpx;
  background: lemonchiffon;
}
parentFn(event){
    console.log(event)
  },
  childFn(event){
    console.log(event)
  },

效果如下:
在这里插入图片描述
当点击子级时:
在这里插入图片描述
发现事件发生冒泡,点击子级时,除了触发了子级事件,还会冒泡到父级,触发父级绑定的事。

当点击父级

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值