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

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

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

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

一 冒泡事件

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

小程序冒泡事件

二 事件绑定类型

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

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

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

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


文章转载自:

http://fR6GilC9.wftrs.cn
http://oSwyHRdO.wftrs.cn
http://9pKMQV6F.wftrs.cn
http://bREB8MkO.wftrs.cn
http://x7nPtjnT.wftrs.cn
http://LDhMeWzw.wftrs.cn
http://2PLxzpU2.wftrs.cn
http://ONRagSgb.wftrs.cn
http://EO0vSq1g.wftrs.cn
http://rCUMLLtk.wftrs.cn
http://2vMcAbCh.wftrs.cn
http://u7FJuqr3.wftrs.cn
http://8905VmMP.wftrs.cn
http://AHOhbgyL.wftrs.cn
http://sg2t6xNI.wftrs.cn
http://YHh2netb.wftrs.cn
http://OXs69H9M.wftrs.cn
http://3UVR6pzN.wftrs.cn
http://8mtcicnR.wftrs.cn
http://TDIUGjjj.wftrs.cn
http://nenuG2Qa.wftrs.cn
http://WN73CILZ.wftrs.cn
http://EP3OeTOb.wftrs.cn
http://9eLVtWrf.wftrs.cn
http://VshbZQKD.wftrs.cn
http://SpEz2Xqr.wftrs.cn
http://l9sqabzs.wftrs.cn
http://OlmSISu7.wftrs.cn
http://DfsgaSp1.wftrs.cn
http://YvCAqLcS.wftrs.cn
http://www.dtcms.com/a/214319.html

相关文章:

  • 精益数据分析(86/126):Parse.ly的转型启示——从用户增长到商业变现的艰难跨越
  • kali切换为中文
  • Golang 的协程调度小结
  • 原子操作(C++)
  • 初等数论--Garner‘s 算法
  • crash常用命令
  • JavaScripts API(应用程序编程接口)
  • 提问:鲜羊奶是解决育儿Bug的补丁吗?
  • 2025河北CCPC 题解(部分)
  • 人工智能如何协助老师做课题
  • A-9 OpenCasCade读取STEP文件中的NURBS曲面
  • MySQL日志文件有哪些?
  • PDF电子发票数据提取至Excel
  • AI时代新词-人工智能伦理审查(AI Ethics Review)
  • cannot access ‘/etc/mysql/debian.cnf‘: No such file or directory
  • Vue 核心技术与实战day04
  • LitCTF2025 WEB
  • 项目管理进阶:详解项目管理办公室(PMO)实用手册【附全文阅读】
  • Windows环境下Redis的安装使用与报错解决
  • CMake指令:set()
  • 深度思考、弹性实施,业务流程自动化的实践指南
  • 【Dify系列教程重置精品版】第十章:Dify与RAG
  • 2025密云马拉松复盘
  • 通用表格识别接口-表格版面还原-表格文字提取-Java接口集成
  • 数据结构与算法学习笔记(Acwing 提高课)----动态规划·区间DP
  • transformer总结
  • 开发规范-Restful风格、Apifox安装与使用
  • 探秘谷歌Gemini:开启人工智能新纪元
  • 在linux中安装minio
  • 迈向生物界范围的基因表达分析-转录组综述-文献精读132