微信小程序之事件

bindTap 綁定點擊事件

bind事件綁定不會阻止冒泡事件向上冒泡，catch事件綁定能夠阻止冒泡事件向上冒泡。

如在下邊這個例子中，點擊 inner view會前後調用handleTap3和handleTap2(由於tap事件會冒泡到 middle view，而 middle view 阻止了 tap 事件冒泡，再也不向父節點傳遞)，點擊 middle view 會觸發handleTap2，點擊 outer view 會觸發handleTap1。

<view id="outer" bindtap="handleTap1">
  outer view
  <view id="middle" catchtap="handleTap2">
    middle view
    <view id="inner" bindtap="handleTap3">inner view</view>
  </view>
</view>
複製代碼

handTap1:function(){console.log("handerTap1");},
  handTap2: function () { console.log("handerTap2"); },
  handTap3: function () { console.log("handerTap3"); },
複製代碼

引用

import
include

例