vue移動(dòng)端長(zhǎng)按事件

  • 代碼
var timeOutEvent=0;//定時(shí)器  

// html
<div @touchstart="gotouchstart" @touchmove="gotouchmove" @touchend="gotouchend"></div>

//js
gotouchstart(){
   let that = this;
   clearTimeout(timeOutEvent);//清除定時(shí)器
   timeOutEvent = 0;
   timeOutEvent = setTimeout(function(){
        //執(zhí)行長(zhǎng)按要執(zhí)行的內(nèi)容,
      ...
     },600);//這里設(shè)置定時(shí)
 },
      //手釋放,如果在500毫秒內(nèi)就釋放,則取消長(zhǎng)按事件,此時(shí)可以執(zhí)行onclick應(yīng)該執(zhí)行的事件
gotouchend(){
    clearTimeout(timeOutEvent);
      if(timeOutEvent!=0){
        //這里寫要執(zhí)行的內(nèi)容(尤如onclick事件)
     }
},
//如果手指有移動(dòng),則取消所有事件,此時(shí)說明用戶只是要移動(dòng)而不是長(zhǎng)按 
gotouchmove(){
     clearTimeout(timeOutEvent);//清除定時(shí)器
     timeOutEvent = 0;
},
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容