码迷,mamicode.com
首页 > 微信 > 详细

微信小程序--catchtap&bindtap

时间:2018-02-24 21:57:27      阅读:4382      评论:0      收藏:0      [点我收藏+]

标签:父节点   tps   cti   view   console   XML   点击   color   程序   

转自: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

微信小程序--catchtap&bindtap

标签:父节点   tps   cti   view   console   XML   点击   color   程序   

原文地址:https://www.cnblogs.com/herizai/p/8467627.html

(3)
(2)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!