微信小程序长按事件_view bindtouchend=

碰到一个需求，长按空白处出现换壁纸的弹窗。

因为之前都用的很简单的bindtap事件，那么该怎么实现长按事件呢？

什么是长按事件？

点击不放，并达到一定时长后再松开。

那么我们的思路就来了，canvas里有属性可以帮到我们

那么我们是不是得到开始和结束的时间差不就可以判断是不是长按了吗？

属性的使用

<view  bindtouchstart="touchstart" bindtouchend="touchend"> </view>
1

对事件的判断

  //touch start
  touchstart: function(e) {    
     this.startTime = e.timeStamp;
     console.log(this.startTime)   
   },  

  //touch end 
  touchend: function(e) {    
     this.endTime = e.timeStamp;   
     console.log(this.endTime)     
     console.log("endTime - startTime = " + (this.endTime-this.startTime)); 
     if (this.endTime - this.startTime>600){      
		console.log('长按')   
       }  
  }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

顺序是bindtouchstart—>bindtouchend