微信小程序--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