微信小程序防止重復(fù)點(diǎn)擊按鈕的示例代碼
微信小程序防止重復(fù)點(diǎn)擊按鈕
Page({ data: { ...... isclick: false, //點(diǎn)擊防重標(biāo)志 }, /** * 需要做防點(diǎn)擊防重的單擊事件 */ onclick: function() { var self = this if(!self.data.isclick){ self.setData({ isclick:true }) setTimeout(function () { self.setData({ isclick: false }) }, 1000); }else{ return; } ...... } ...... })
//btn_click.js
//點(diǎn)擊防重 let isClick=false; let preventDuplicateClicks=function(){ if (!isClick) { isClick=true setTimeout(function () { isClick = false }, 1000); return false; } else { return true; } } module.exports = { preventDuplicateClicks: preventDuplicateClicks }
import btnClick from '../../../../utils/btn_click'; Page({ ...... /** * 1.需要防重的單擊事件 */ orderPay: function() { onSubmitConfirm(event) { let that = this if (btnClick.preventDuplicateClicks()) { return } wx.request({ url: xxxxxxx, //僅為示例,并非真實(shí)的接口地址 method: "POST", data: { }, header: { 'content-type': 'application/json' // 默認(rèn)值 }, success(res) { let data = res.data console.log(res) wx.showToast({ title: data.message, icon: 'success', duration: 2000, }) }, fail(res) { let data = res.data wx.showToast({ title: data.message, icon: 'none', duration: 2000 }) }, // 不論失敗與否都會(huì)執(zhí)行下面這個(gè)函數(shù) complete: () => { that.onSubmitCancel() } }) }, })
到此這篇關(guān)于微信小程序防止重復(fù)點(diǎn)擊按鈕的文章就介紹到這了,更多相關(guān)小程序防止重復(fù)點(diǎn)擊內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
微信小程序開發(fā)實(shí)現(xiàn)首頁彈框活動(dòng)引導(dǎo)功能
自己x實(shí)現(xiàn)的一個(gè)比較簡單微信彈窗功能,主要就是教會(huì)大家對(duì)微信彈窗的用法和理解,這篇文章主要給大家介紹了關(guān)于微信小程序如何實(shí)現(xiàn)首頁彈框活動(dòng)引導(dǎo)功能的相關(guān)資料,需要的朋友可以參考下2021-08-08JavaScript 新手24條實(shí)用建議[TUTS+]
本文列出了24條能讓你的代碼編寫過程更為輕松高效的建議。也許您還是JavaScript初學(xué)者,剛剛寫完自己的Hello World,那這里有很多對(duì)您的工作將十分有用的小貼士;也許有些技巧您已經(jīng)知道,那就試試快速瀏覽一下,看能不能發(fā)現(xiàn)一點(diǎn)新東西吧!2009-06-06laypage+SpringMVC實(shí)現(xiàn)后端分頁
這篇文章主要為大家詳細(xì)介紹了laypage+SpringMVC實(shí)現(xiàn)后端分頁,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-07-07uniapp小程序自定義tabbar以及初次加載閃屏解決方法
Uniapp小程序可以通過自定義tabbar來實(shí)現(xiàn)更加個(gè)性化的界面設(shè)計(jì),下面這篇文章主要給大家介紹了關(guān)于uniapp小程序自定義tabbar以及初次加載閃屏解決方法,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下2023-05-05javascript實(shí)現(xiàn)的簡單計(jì)時(shí)器
計(jì)時(shí)器提供了一 個(gè)可以將代碼片段異步延時(shí)執(zhí)行的能力,javascript生來是單線程的(在一定時(shí)間范圍內(nèi)僅一部分js代碼能運(yùn)行),計(jì)時(shí)器為我們提供了一種避開這種 限制的方法,從而開辟了另一條執(zhí)行代碼的蹊徑。2015-07-07JavaScript實(shí)現(xiàn)帶播放列表的音樂播放器實(shí)例分享
這篇文章主要介紹了JavaScript實(shí)現(xiàn)帶播放列表的音樂播放器實(shí)例分享,包括對(duì)播放完歌單之后沒有將要播放的歌曲的提示功能,需要的朋友可以參考下2016-03-03