当前位置: 首页 > backend >正文

微信小程序进阶第2篇__事件类型_冒泡_非冒泡

在小程序中, 事件分为两种类型:

  1. 冒泡事件, 当一个组件上的事件被触发后,该事件会向父节点传递
  2. 非冒泡事件, 当一个组件上的事件被触发后, 该事件不会向父节点传递。

一 冒泡事件

tap, touchstart、 touchend 事件等都属于冒泡事件,小程序提供的全 部冒泡事件如下表所示:
在这里插入图片描述
看一个例子:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
示例运行效果:

小程序冒泡事件

二 事件绑定类型

上述例子,点击事件 用到了bindtap, 实际上事件绑定分别有 bind 与 catch 两种,
两者的区别:

  1. bind事件不会阻止冒泡事件向上冒泡
  2. catch事件绑定可以阻止冒泡事件向上冒泡。

以下看一个例子理解catch阻止冒泡。
修改上述 wxml 页面中 view2的bindtap事件为catchtap,
在这里插入图片描述
保存后,点击view2, 日志只会输出 view2222222222222click
点击 view3, 日志只会输出 view3333333333333click,

这就说明冒泡事件被阻止了。

http://www.xdnf.cn/news/8982.html

相关文章:

  • 【QT】TXT文件的基础操作
  • 运行打印Hello World启动了多少线程?
  • Python线程同步:保障多线程程序的稳定性与正确性
  • 加速科技荣登2025杭州准独角兽榜单
  • ChatGPT 如何工作——提示工程、对话记忆与上下文管理解析
  • 临床试验中的独立数据监查委员会
  • hadoop纠删码基本原理
  • 【Fifty Project - D31】
  • 【ArcGIS】ArcGIS AI 助手----复现
  • Java设计模式之观察者模式:从基础到高级的全面解析
  • MySql(二)
  • 高效的接口自动化测试工具:Apifox
  • 学习threejs,使用three-spritetext实现黑客帝国数字雨效果
  • Kafka Kraft模式集群 + ssl
  • 14.测速小车(测速模块)
  • Linux连接服务器全攻略:从基础到进阶
  • AI时代新词-生成对抗网络(GAN)
  • 最新Spring Security实战教程(十六)微服务间安全通信 - JWT令牌传递与校验机制
  • CMake指令:set()
  • 行为型:策略模式
  • Flink流处理基础概论
  • 20250526惠普HP锐14 AMD锐龙 14英寸轻薄笔记本电脑(八核R7-7730U)的显卡驱动下载
  • 记录 | Android TextView 中的滚动方向
  • 基于Python flask 的豆瓣电影top250数据评分可视化
  • 数据结构与算法学习笔记(Acwing 提高课)----动态规划·区间DP
  • 【C++指南】string(四):编码
  • 单细胞数据分析(五):三种整合单细胞数据(Harmony、fastMNN、SCTransform)的完整流程
  • 学员投稿:华为,ov等手机主流大厂桌面未读计数角标更新接口汇总
  • 解析Java String.getBytes()编码与new String()解码的字符集转换机制
  • 深入解析Kafka JVM堆内存:优化策略与监控实践