微信小程序的bindtap和catchtap的区别

一. 事件

1.事件是视图层到逻辑层的通讯方式。

2. 事件可以将用户的行为反馈到逻辑层进行处理。

3. 事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数。

二. 如何使用事件

1. 简单来说就是将事件绑定到组件上面,bindtap和catchtap都属于点击事件,绑定了之后点击组件可以触发这个函数。

2. 函数tapName会接受一个参数event,event里面存储了一些函数调用的上下文信息

  1. 标签元素

4.绑定事件

三. bindtap和catchtap的区别

1. 相同点:首先他们都是作为点击事件函数,就是点击时触发。在这个作用上他们是一样的,可以不做区分。

2. 不同点:他们的不同点主要是bindtap是冒泡的,catchtap是非冒泡的。

四. 小程序中事件分为冒泡事件和非冒泡事件。

(1) 本文以冒泡事件tap(手指触摸后马上离开,也就是点击事件)为例子来区别bind和catch事件

(2) bindtap: 事件绑定不会阻止冒泡事件向上冒泡

(3) catchtap: 事件绑定可以阻止冒泡事件向上冒泡

原创作者:吴小糖

创作时间:2023.12.26

相关推荐
多看书少吃饭16 小时前
小程序支持HTTP POST 流式接口吗?
网络协议·http·小程序
询问QQ:48773927819 小时前
CDB文件第0x2C位置存放温度阈值
小程序
vx_vxbs6619 小时前
【SSM高校普法系统】(免费领源码+演示录像)|可做计算机毕设Java、Python、PHP、小程序APP、C#、爬虫大数据、单片机、文案
android·java·python·mysql·小程序·php·idea
吹水一流20 小时前
微信小程序页面栈:从一个 Bug 讲到彻底搞懂
前端·微信小程序
duansamve1 天前
支付宝小程序开发工具中如何模拟给页面传参?
小程序·支付宝小程序
低代码布道师1 天前
医疗预约小程序原型设计
低代码·小程序
星光一影1 天前
同城派送系统源码,支持小程序,h5,app
mysql·小程序·php·uniapp
说私域1 天前
基于链动2+1模式AI智能名片S2B2C商城小程序的微商运营内容研究
大数据·人工智能·小程序
Jing_Rainbow1 天前
【 Weapp-3 /Lesson20(2025-11-04)】路虎卫士小程序开发详解:从架构到细节的深度解析🚙📱
微信·微信小程序·程序员