vue移动端长按事件
var timeOutEvent=0;//定时器// html<div @touchstart="gotouchstart" @touchmove="gotouchmove" @touchend="gotouchend"></div>//jsgotouchstart(){let that = this;clearTimeout(timeOu...
·
var timeOutEvent=0;//定时器
// html
<div @touchstart="gotouchstart" @touchmove="gotouchmove" @touchend="gotouchend"></div>
//js
gotouchstart(){
let that = this;
clearTimeout(timeOutEvent);//清除定时器
timeOutEvent = 0;
timeOutEvent = setTimeout(function(){
//执行长按要执行的内容,
...
},600);//这里设置定时
},
//手释放,如果在500毫秒内就释放,则取消长按事件,此时可以执行onclick应该执行的事件
gotouchend(){
clearTimeout(timeOutEvent);
if(timeOutEvent!=0){
//这里写要执行的内容(尤如onclick事件)
}
},
//如果手指有移动,则取消所有事件,此时说明用户只是要移动而不是长按
gotouchmove(){
clearTimeout(timeOutEvent);//清除定时器
timeOutEvent = 0;
},
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐



所有评论(0)