轉自：https://blog.csdn.net/xiaoqiang_0719/article/details/79729592
本文以冒泡事件tap（手指觸摸后馬上離開，也就是點擊事件）為例子來區別bind和catch事件。在小程序中事件分為冒泡事件和非冒泡事件：
bindtap 事件綁定不會阻止冒泡事件向上冒泡
catchtap 事件綁定可以阻止冒泡事件向上冒泡
假如有三個view點擊事件都是用的bindtap，三個view是層級包含關系
<view id="outer" bindtap="out">
outer view
<view id="middle" bindtap="middle">
middle view
<view id="inner" bindtap="inner">
inner view
</view>
</view>
</view>
我么在js里代碼是在相對應的事件打印出log，代碼如下
out:function(e){
console.log("--out bindtap click")
}, middle: function (e) {
console.log("--middle bindtap click")
}, inner: function (e) {
console.log("--inner bindtap click")
}
點擊out view打印出一條log ，--out bindtap click
點擊middle view打印出兩條log， --middle bindtap click --out bindtap click
點擊innew view打印出兩條log，--inner bindtap click --middle bindtap click --out bindtap click
可以看出bindtap不阻止向上冒泡，所以點擊inner一直冒泡到了最外層。
如果我們修改middle view的bindtap為catchtap
點擊out view打印出一條log ，--out bindtap click （因為沒有上層元素故而無法向上冒泡）
點擊middle view打印出兩條log， --middle bindtap click （catchtap阻止向上冒泡）
點擊innew view打印出兩條log，--inner bindtap click --middle bindtap click （catchtap阻止向上冒泡）