小程序开发的bindtap和catchtap的区别

bind事件绑定不会阻止冒泡事件向上冒泡，catch事件绑定可以阻止冒泡事件向上冒泡

如：

<view class="view1" bindtap="view1">
  <view class="view2" bindtap="view2">
    <view class="view3" catchtap="view3"></view>
  </view>
</view>

 

Page({
  data: {
  }, view1: function () {
    console.log("---view1 bindtap click")
  }, view2: function () {
    console.log("--view2 bindtap click")
  }, view3: function () {
    console.log("-view3 catchtap click ")
  }
})

 

//点击view3

-view3 catchtap click 

 

//点击view2

--view2 bindtap click
---view1 bindtap click

 

//点击view1

---view1 catchtap click

转载于：https://blog.csdn.net/xiaochun365/article/details/69948578