小程序bindtap和cachetap的区别

简介: 小程序bindtap和cachetap的区别

在这里先简单的说一下何为冒泡事件和为非冒泡事件

冒泡事件:

如下图当你点击1号的时候会弹出1,弹出2,弹出3

点击二号的时候会弹出2,弹出3

<view bindtap='a'>
  1
  <view bindtaptap='b'>
    2
    <view bindtap='c'>
      3
    </view>
  </view>
</view>
    a:function(){
      console.log('咔咔')
    },
    b:function() {
      console.log('咔咔2')
    },
    c: function () {
      console.log('咔咔3')
    },

image.png

那么非冒泡事件就很简单了


还是下图,但是点击一号会弹出1,点击二号会弹出2

image.png



<view catchtap='a'>
 范德萨发 1
  <view catchtap='b'>
    地方萨芬2
    <view catchtap='c'>
     范德萨发 3
    </view>
  </view>
</view>

看到这里估计你已经明白什么是冒泡事件什么是非冒泡事件,那么bindtap和cachetap的区别就是,bindtap是冒泡事件,会一直往上执行,cachetap反之


相关文章
|
1月前
|
移动开发 小程序 安全
【个人小程序和企业小程序的区别】
【个人小程序和企业小程序的区别】
21 0
|
2月前
|
小程序 JavaScript 前端开发
小程序wx:if 和hidden的区别?
小程序wx:if 和hidden的区别?
|
2月前
|
小程序
小程序wx:if和hidden的区别?
小程序wx:if和hidden的区别?
|
8月前
|
小程序
微信小程序 - block 与 view 的区别
微信小程序 - block 与 view 的区别
334 0
|
22天前
|
移动开发 小程序 前端开发
H5和小程序有什么区别
H5和小程序有什么区别
|
2月前
|
开发框架 小程序 JavaScript
微信小程序和uni-app的区别
微信小程序和uni-app的区别
47 1
|
2月前
|
小程序 API
小程序中用于跳转页面的5个api是什么?区别?
小程序中用于跳转页面的5个api是什么?区别?
|
3月前
|
开发框架 小程序 JavaScript
微信小程序与vue区别
微信小程序与vue区别
|
3月前
|
开发框架 小程序 JavaScript
简单描述下微信小程序的相关文件类型以及微信小程序和uniapp的区别?
简单描述下微信小程序的相关文件类型以及微信小程序和uniapp的区别?
44 0
|
8月前
|
小程序
微信小程序5种路由跳转的区别
微信小程序5种路由跳转的区别