18910140161

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

顺晟科技

2021-06-16 10:49:04

285

wxml:

查看绑定点击='双击'绑定触摸开始='触摸开始'绑定触摸结束='触摸结束'单击我/查看

js:

//防止重复点击

touchStart(e) {

这个。TouchStartTime=e . TimeStamp

},

touchEnd(e) {

这个。TouchEndTiME=e . TiMer;

},

双击(e) {

var vm=this

//控制点击事件在350毫秒内触发,加这层判断是为了防止长按时会触发点击事件

if(VM。触摸结束时间-虚拟机。TouchStartTime 350){

//当前点击的时间

var currentTime=e.timeStamp

var lastTapTime=vm.lastTapTime

//更新最后一次点击时间

vm.lastTapTime=currentTime

//如果两次点击时间在300毫秒内,则认为是双击事件

if(CurrentTime-LastTaptime 300){

//做点什么点击事件具体执行那个业务

}

}

}

我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航