小程序的事件

小程序的事件主要有三种类型：

1-单击事件

2-双击事件

3-长按事件

单击事件由touchstart、touchend组成,touchend后触发tap事件。

（1）单击事件

view代码

<view>
<button type="primary" bindtouchstart="mytouchstart" bindtouchend="mytouchend" bindtap="mytap">点我吧</button>
</view>

1
2
3
1
2
3

JS代码

mytouchstart: function(e){
console.log(e.timeStamp + '- touch start')
},mytouchend: function(e){
console.log(e.timeStamp + '- touch end')
},mytap: function(e){
console.log(e.timeStamp + '- tap')
}

1
2
3
4
5
6
7
1
2
3
4
5
6
7

（2）双击事件

双击事件由两个单击事件组成，两次间隔时间小于300ms认为是双击；微信官方文档没有双击事件，需要开发者自己定义处理。

view

点我吧 

JS代码

(3)长按

长按事件手指触摸后，超过350ms再离开。

view代码
4000

<view>
<button type="primary" bindtouchstart="mytouchstart" bindlongtap="mylongtap"
bindtouchend="mytouchend" bindtap="mytap">点我吧</button>
</view>

1
2
3
4
1
2
3
4

JS代码

mytouchstart: function(e){
console.log(e.timeStamp + '- touch start')
},
//长按事件
mylongtap: function(e){
console.log(e.timeStamp + '- long tap')
},
console.log(e.timeStamp + '- touch end')
},
mytap: function(e){
console.log(e.timeStamp + '- tap')
}