微信小程序(16)-- bindtap,catchtap事件绑定的区别

bindtap,catchtap事件绑定的区别,这里就涉及冒泡事件了。bind事件绑定不会阻止冒泡事件向上冒泡,catch事件绑定可以阻止冒泡事件向上冒泡。

logs.wxml

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

logs.js

 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 bindtap click

 

posted @ 2018-07-18 10:45  童话里都是骗人的  阅读(421)  评论(0编辑  收藏  举报