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

最新推荐文章于 2024-06-14 16:35:59 发布

倚窗听梦~~~

最新推荐文章于 2024-06-14 16:35:59 发布

阅读量910

点赞数

本文链接：https://blog.csdn.net/weixin_45343884/article/details/100524756

版权

本文介绍了微信小程序中的事件处理，包括事件冒泡的验证、事件对象的属性如touches和changedTouches，以及如何阻止事件冒泡。同时，详细讲解了事件捕获的概念和语法，强调了捕获阶段发生在冒泡阶段之前，并提供了捕获事件的绑定方式。

摘要由CSDN通过智能技术生成

拓展：
原生组件
小程序中的部分组件是由客户端创建的原生组件，包含：
①camera
②canvas
③input（仅在focus时表现为原生组件）
④map
⑤textarea
⑥video

一·事件冒泡

①事件触发验证

<view id="parent" bindtap="parentFn">
  <view id="child" bindtap="childFn"></view>
</view>

#parent{
  width: 100%;
  height:300rpx;
  background: green;
}
#child{
  width: 200rpx;
  height: 200rpx;
  background: orange;
}

/** 
   * any
 */
  parentFn(option){
    console.log(option)
  },
  childFn(option) {
    console.log(option)
  },

在这里插入图片描述
②事件冒泡验证-----点击子元素