微信小程序之事件

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

例