微信小程序--catchtap&bindtap

转自:https://www.cnblogs.com/heron-yu/p/7244481.html

转自:http://blog.csdn.net/xiaochun365/article/details/69948578

bindtap元素绑定事件,父节点绑定事件会冒泡

catchtap不会冒泡,仅在当前元素触发

//wxml

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

//js

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 

点击view1,因为是bindtap他会向父节点传递,因为他本身没有父节点所以只打印的view1 bindtap click

posted @ 2018-02-24 20:48 herizai 阅读(...) 评论(...) 编辑 收藏