好资源导航 » 文章资讯 » 微信小程序函数防抖解决重复点击消耗性能问题实现代码

微信小程序函数防抖解决重复点击消耗性能问题实现代码

2023-08-14 20:11:09 72

这篇文章主要介绍了微信小程序使用函数防抖解决重复点击消耗性能问题实现代码,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

wxml:

clickme

js:

//防止重复点击
touchStart(e){
this.touchStartTime=e.timeStamp;
},
touchEnd(e){
this.touchEndTime=e.timeStamp;
},
doubleTap(e){
varvm=this;
//控制点击事件在350ms内触发，加这层判断是为了防止长按时会触发点击事件
if(vm.touchEndTime-vm.touchStartTime<350){
//当前点击的时间
varcurrentTime=e.timeStamp;
varlastTapTime=vm.lastTapTime;
//更新最后一次点击时间
vm.lastTapTime=currentTime;
//如果两次点击时间在300毫秒内，则认为是双击事件
if(currentTime-lastTapTime>300){
//dosomething点击事件具体执行那个业务
}
}
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
514930285
czq8825@qq.com

微信小程序 函数防抖 解决重复点击消耗性能问题实现代码

热门推荐

随机推荐

微信小程序函数防抖解决重复点击消耗性能问题实现代码