用戶暴力連點(diǎn)處理方法

當(dāng)用戶使用時(shí),點(diǎn)擊按鈕等操作時(shí)反應(yīng)慢就會(huì)出現(xiàn)暴力點(diǎn)擊問(wèn)題,設(shè)置一定時(shí)間內(nèi)不重復(fù)執(zhí)行點(diǎn)擊操作

//連點(diǎn)t毫秒內(nèi)不重復(fù)執(zhí)行

function stopClick(_this,t,succ) {

????if(!_this.firstTime){//首次點(diǎn)擊,記錄時(shí)間并執(zhí)行回調(diào)操作

????????_this.firstTime= new Date()

????????_this.$nextTick(()=>{

????????????if(typeof(succ)=="function"){

????????????????succ()

????????????}

????????})

????}else{

????????let nowTime= new Date()

????????let dateDiff = nowTime - _this.firstTime

????????//非首次點(diǎn)擊則判斷是否是t毫秒后,是,執(zhí)行回調(diào)并把當(dāng)前時(shí)間設(shè)定為首次點(diǎn)擊時(shí)間;否:不執(zhí)行

????????if(dateDiff>t){

????????????_this.firstTime= nowTime

? ? ? ? ? ? ?_this.$nextTick(()=>{

????????????????if(typeof(succ)=="function"){

????????????????????succ()

????????????????}

????????????})

????????}

????}

}

//vue頁(yè)面使用:(2500毫秒內(nèi)連點(diǎn)不執(zhí)行點(diǎn)擊操作)

stopClick(this,2500,()=>{

? ? //后續(xù)點(diǎn)擊操作

})

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容