1. 事件

  • 事件是视图层到逻辑层的通讯方式。
  • 事件是将用户的行为反馈到逻辑层进行处理。
  • 事件可以绑定在组件上,当触发该事件时,就会执行逻辑层中对应的事件处理函数。

2. 如何使用事件

  • 将事件绑定到组件上面,bindtap和catchtap都属于点击事件,绑定了之后点击组件可以触发这个函数。
  • 函数bindHandle会接收一个事件,事件里面存储了一些函数调用的上下文信息
  • <view id="box" data-item="item" bindtap="bindHandle">点击</view>
    <!--绑定事件-->
    Page({bindHandle: function(value){console.log(value)}})

3. bindtap和catchtap的区别

  • 相同点:都是点击事件函数,点击时触发,在这个点击作用上他们是一样的,可以不做区分
  • 不同点:他们的不同点主要是bindtap是冒泡的,catchtap是非冒泡的

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

  • bindtap事件绑定不会阻止冒泡事件向上冒泡
  • catchtap事件绑定可以阻止冒泡事件向上冒泡

微信小程序bindtap和carchtap的区别相关推荐

  1. 微信小程序 bindtap与catchtap的区别

    1.什么是事件 (1) 事件是视图层到逻辑层的通讯方式. (2) 事件可以将用户的行为反馈到逻辑层进行处理. (3) 事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数. (4) ...

  2. 微信小程序bindtap与catchtap的区别

    1.什么是事件 (1) 事件是视图层到逻辑层的通讯方式. (2) 事件可以将用户的行为反馈到逻辑层进行处理. (3) 事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数. (4) ...

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

    bindtap事件会冒泡 catchtap时间不会冒泡

  4. [vue] vue和微信小程序写法上有什么区别?

    [vue] vue和微信小程序写法上有什么区别?写了vue项目和小程序,发现二者有许多相同之处,在此想总结一下二者的共同点和区别. 一.生命周期 先贴两张图: vue生命周期 小程序生命周期 相比之下 ...

  5. 微信小程序与web前端的区别

    1 引言 刚接触小程序,会有很多错误的思路去编写,为了避免在代码方面出错,本文将对前端和小程序做一个区分. 2 问题描述 微信小程序与web前端的区别. 3 算法描述 在web的html中我们一般都是 ...

  6. 微信小程序阻止冒泡点击_微信小程序bindtap事件与冒泡阻止详解

    bindtap就是点击事件 在.wxml文件绑定: cilck here 在一个组件的属性上添加bindtap并赋予一个值(一个函数名) 当点击该组件时, 会触发相应的函数执行 在后台.js文件中定义 ...

  7. 服务器和微信公众号的区别,微信小程序和公众号的区别,看这三点就懂了

    原标题:微信小程序和公众号的区别,看这三点就懂了 第一点就是定位不同,小程序主要用来面向产品和服务,而公众号则是用于销售和传递信息.小程序在功能上和公众号有本质的区别(不支持关注,没有粉丝体系.消息推 ...

  8. 公众号商城开发和微信小程序商城开发有什么区别?

    小程序和公众号商城都属于微商城,但是有很多朋友也不知道这两者之间有什么区别.对于选择做公众号商城还是小程序商城时,出现了选择困难症.既然微信小程序商城和微信公众号商城都是微信内的产品aigao0607 ...

  9. 微信小程序bindtap 与 catchtap 是使用

    如果写小程序对二者不理解的,那看到这边博客,将很快帮助到您, 个人总结的一句话:,bindtap点击事件在同一个view中会向上冒泡,而catchtap 不会向上冒泡 下面会有一个demo给出解释, ...

最新文章

  1. day01 python基础笔记
  2. swift语言实战晋级-第9章 游戏实战-跑酷熊猫-7-8 移动平台的算法
  3. windows NFS 配置
  4. 数据治理将遇到哪些问题
  5. Mac详解:关于macOS 关键的几个文件夹的作用和层级逻辑
  6. 笔记--《谷歌和亚马逊是怎么做产品的》第一至三章
  7. linux系统交叉编译如何打包,构建ARM Linux交叉编译器
  8. AWS DeepRacer 强化学习RL,工作流程
  9. 迅雷,暴风影音,QQ这些软件是什么工具和语言编的?
  10. 计算机百科丨存储介质发展史
  11. 【编程实践】快速构建软件:从“快速移动并打破事物”到“快速移动,并保持稳定”
  12. 如何把html文件格式转为视频格式,如何将qlv格式转换成mp4-太平洋软件资讯-太平洋电脑网...
  13. 如何准备测试数据?用 DbUnit 和 Anthill 控制测试环境
  14. Audio2Face-语音驱动虚拟人表情
  15. 【搜索】2019 SUST ACM Summer Training 搜索 题解
  16. 农业多贡献·看亮点②平昌青花椒:这个园区为何让参会代表直呼“上头”
  17. DockerHub使用
  18. ISO26262自习室_Part3_危险性和可操作性HAZOP_018
  19. 华为面试,HCIE面试难吗? 都考些什么?
  20. 玩转X-CTR100 l STM32F4 l PS2无线手柄

热门文章

  1. Thread之FutureTask
  2. 事件、故障排查处理思路,你值得试试
  3. python基础刻意练习-day15
  4. 华夏时报:腾讯QQ如何监视你的?
  5. 基于java招聘兼职微信小程序springboot框架
  6. Audio-AudioRecord create(一)
  7. 2013年全国硕士研究生入学统一考试管理类专业学位联考逻辑试题——解析版
  8. 来啦老弟,论如何比较两个时间的先后
  9. 怎么批量旋转图片?建议收藏这些方法
  10. java程序员电脑推荐,经典好文