微信小程序防止重復點擊按鈕的示例代碼
更新時間:2023年10月25日 11:29:12 作者:西門夜說
這篇文章主要介紹了微信小程序防止重復點擊按鈕的示例代碼,本文通過示例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
微信小程序防止重復點擊按鈕
Page({ data: { ...... isclick: false, //點擊防重標志 }, /** * 需要做防點擊防重的單擊事件 */ 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
//點擊防重 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, //僅為示例,并非真實的接口地址 method: "POST", data: { }, header: { 'content-type': 'application/json' // 默認值 }, 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 }) }, // 不論失敗與否都會執(zhí)行下面這個函數(shù) complete: () => { that.onSubmitCancel() } }) }, })
到此這篇關(guān)于微信小程序防止重復點擊按鈕的文章就介紹到這了,更多相關(guān)小程序防止重復點擊內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
uniapp小程序自定義tabbar以及初次加載閃屏解決方法
Uniapp小程序可以通過自定義tabbar來實現(xiàn)更加個性化的界面設計,下面這篇文章主要給大家介紹了關(guān)于uniapp小程序自定義tabbar以及初次加載閃屏解決方法,文中通過圖文介紹的非常詳細,需要的朋友可以參考下2023-05-05JavaScript實現(xiàn)帶播放列表的音樂播放器實例分享
這篇文章主要介紹了JavaScript實現(xiàn)帶播放列表的音樂播放器實例分享,包括對播放完歌單之后沒有將要播放的歌曲的提示功能,需要的朋友可以參考下2016-03-03