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

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

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

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

一 冒泡事件

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

小程序冒泡事件

二 事件绑定类型

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

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

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

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

http://www.lryc.cn/news/2386858.html

相关文章:

  • 电机控制学习笔记
  • 什么是前端工程化?它有什么意义
  • 企业网站架构部署与优化-Nginx性能调优与深度监控
  • 行列式的线性性质(仅限于单一行的加法拆分)
  • JAVA基础编程练习题--50道
  • leetcode 93. Restore IP Addresses
  • 【东枫科技】基于Docker,Nodejs,GitSite构建一个KB站点
  • pytest+allure+allure-pytest 报告输出遇到的问题汇总
  • Python基础语法(十四):Python常用内置模块及功能
  • 【Opencv+Yolo】_Day1图像基本处理
  • MySQL各种日志类型介绍
  • 15.2【基础项目】使用 TypeScript 实现密码显示与隐藏功能
  • Django压缩包形式下载文件
  • 晚期NSCLC临床试验终点与分析策略
  • 从比分滚动到数据革命:体育数据如何重构我们的观赛体验?
  • 华为网路设备学习-23(路由器OSPF-LSA及特殊详解 二)
  • VPet虚拟桌宠,一款桌宠软件,支持各种互动投喂等. 开源免费并且支持创意工坊
  • 新书速览|ASP.NET MVC高效构建Web应用
  • MySQL 9.3 超详细下载安装教程(Windows版)附图文说明
  • Linux之软件包管理器(CentOS系统) —— yum
  • webpack吐环境分析
  • Unity InputField 滑动滚轮 实现对文本的滚动
  • 机械设计插件
  • Monorepo 管理
  • RabbitMQ核心机制——延迟队列
  • 华为云Flexus+DeepSeek征文|Flexus云服务器Dify-LLM资源部署极致体验Agent
  • IP 网段
  • 芋道框架 - 接口设置匿名访问
  • 熔盐核裂变反应堆:第四代核能技术的重要突破
  • 鸿蒙OSUniApp 实现的日期选择器与时间选择器组件#三方框架 #Uniapp