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

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

一.  事件

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

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

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

二. 如何使用事件

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

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

       3. 标签元素

       4.绑定事件

三. bindtap和catchtap的区别

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

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

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

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

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

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

原创作者:吴小糖

创作时间:2023.12.26

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

相关文章:

  • python哈希算法实现
  • SpringBoot实用开发(三)-- Redis提供API接口 -- StringRedisTemplate
  • 【Qt-编码】
  • 使用Python实现Linux惠尔顿上网认证客户端
  • 【漏洞复现】某检测系统(admintool)接口任意文件上传漏洞
  • 检测如下MHA运行条件【踩坑记录】
  • 使用js编写一个函数判断所有数据类型的通用方法
  • AutoSAR(基础入门篇)2.1Autosar架构中的AppL
  • 怎么使用jupter notebook并配置环境变量
  • 深信服技术认证“SCSA-S”划重点:文件上传与解析漏洞
  • Sql 动态行转列
  • 记录 App webview加载h5页面有上传图片,应用商店审核必须加授权提示问题的解决方案
  • Stable Diffusion模型原理
  • 【Android 13】使用Android Studio调试系统应用之Settings移植(二):构建settings app项目目录
  • w16php系列之基础数组
  • 【C语言】指针详解(四)
  • 算法leetcode|94. 二叉树的中序遍历(多语言实现)
  • 3.[BUUCTF HCTF 2018]WarmUp1
  • rocky linux9 安装go 即接下去
  • NLP中的嵌入层
  • MongoDB文档操作
  • 解决谷歌浏览器下CSS设置字体小于12px无效办法,关于如何在chrome里实现小于12px的文字。
  • springboot(ssm智慧校园之家长子系统 智慧校园系统Java系统
  • RM3100 stm32驱动(硬件i2c)
  • 视觉学习(7) —— 接收数据和发送数据以及全局变量和浮点数
  • leetcode 1576. 替换所有的问号(easy)(优质解法)
  • Advanced IP Scanner - 网络扫描器
  • 搜索百度百科官方创建入口,怎么创建更新公司的百度百科词条呢?
  • 大数据与人工智能|全面数字化战略与企业数字化转型(第1节 )
  • 【四】【C语言\动态规划】地下城游戏、按摩师、打家劫舍 II,三道题目深度解析