小程序的事件

来源:互联网 发布:淘宝店铺装修定制价格 编辑:程序博客网 时间:2024/04/30 18:02

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

1-单击事件
2-双击事件
3-长按事件

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

(1)单击事件

view代码

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

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')}

(2)双击事件

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

view


点我吧

JS代码

这里写图片描述

(3)长按

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

view代码

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

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')}
0 0
原创粉丝点击