微信小程序的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

相关推荐
UI设计兰亭妙微4 分钟前
兰亭妙微:以交互设计与UI设计赋能文旅小程序,重塑用户体验界面设计优化新标杆
小程序·ui设计外包
程序媛徐师姐1 小时前
Java基于微信小程序的农产品自主供销系统,附源码+文档说明
java·微信小程序·农产品自主供销·农产品自主供销系统·农产品自主供销小程序·java农产品自主供销小程序·农产品自主供销微信小程序
咖啡の猫14 小时前
微信小程序WXSS 模板样式
微信小程序·小程序
AALoveTouch20 小时前
分享演唱会攻略-抢票利器
小程序·自动化
万岳科技系统开发21 小时前
开源上门预约系统源码,如何实现智能排班与时间冲突校验?
小程序·开源
说私域21 小时前
基于定制开发AI智能名片商城小程序的运营创新与资金效率提升研究
大数据·人工智能·小程序
qq_12498707531 天前
基于微信小程序的宠物寄领养系统(源码+论文+部署+安装)
java·spring boot·后端·微信小程序·小程序·宠物·计算机毕业设计
咖啡の猫1 天前
微信小程序页面配置
微信小程序·小程序·notepad++
2501_916008891 天前
iOS开发APP上架全流程解析:从开发到App Store的完整指南
android·ios·小程序·https·uni-app·iphone·webview
计算机毕设指导61 天前
基于微信小程序技术校园拼车系统【源码文末联系】
java·spring boot·mysql·微信小程序·小程序·tomcat·maven