小程序中的事件总结

微信小程序中的事件总结

事件的绑定
点击事件:Tap
长按事件:longTap
触摸事件:touchstart、touchend、touchmove、touchcancel
其他事件:submit input 等
其中，点击事件、长按事件、触摸事件都属于冒泡事件，其他事件属于非冒泡事件。
案例
wxml文件

view1
view2
view3


1
2
3
4
5
js文件

view1Click:function(){
console.log(“触发了view1”)
},
view2Click: function () {
console.log(“触发了view2”)
},
view3Click: function () {
console.log(“触发了view3”)
},
1
2
3
4
5
6
7
8
9
效果图

当点击view3时会触发view2和view1，即事件冒泡。
事件的绑定方式
bind
注意：bind绑定事件时会 \color{red}{会}会触发冒泡事件。

catch
注意：catch绑定事件时不 会 \color{red}{不会}不会触发冒泡事件。

相关代码：

<view class='view1' bindtap='view1Click'>view1
   <view class='view2' bindtap='view2Click'>view2
      <view class='view3' catchtap='view3Click'>view3</view>
    </view>
</view>