微信小程序长按事件

最新推荐文章于 2025-04-09 09:47:22 发布

原创最新推荐文章于 2025-04-09 09:47:22 发布 · 2.7k 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#小程序

笔记专栏收录该内容

38 篇文章

订阅专栏

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

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

什么是长按事件？

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

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

在这里插入图片描述

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

属性的使用

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

对事件的判断

  //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('长按')   
       }  
  }