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

相关推荐

  1. 程序bindtapcatchtap区别

    2023-12-27 18:18:02       65 阅读
  2. catchtap bindtap区别

    2023-12-27 18:18:02       28 阅读
  3. 程序——wxsscss区别

    2023-12-27 18:18:02       42 阅读
  4. wx程序-buttonbindtap事件

    2023-12-27 18:18:02       42 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2023-12-27 18:18:02       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2023-12-27 18:18:02       100 阅读
  3. 在Django里面运行非项目文件

    2023-12-27 18:18:02       82 阅读
  4. Python语言-面向对象

    2023-12-27 18:18:02       91 阅读

热门阅读

  1. PHP 处理菜单分级树状结构

    2023-12-27 18:18:02       62 阅读
  2. Centos设置IP地址的方法

    2023-12-27 18:18:02       58 阅读
  3. kotlin by lazy 的使用

    2023-12-27 18:18:02       57 阅读
  4. 第一节(学习HarmonyOS的背景)

    2023-12-27 18:18:02       66 阅读
  5. init_appium_and_devices 的实现思路分析

    2023-12-27 18:18:02       60 阅读