微信小程序防止重復(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)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
微信小程序開發(fā)實(shí)現(xiàn)首頁(yè)彈框活動(dòng)引導(dǎo)功能
自己x實(shí)現(xiàn)的一個(gè)比較簡(jiǎn)單微信彈窗功能,主要就是教會(huì)大家對(duì)微信彈窗的用法和理解,這篇文章主要給大家介紹了關(guān)于微信小程序如何實(shí)現(xiàn)首頁(yè)彈框活動(dòng)引導(dǎo)功能的相關(guān)資料,需要的朋友可以參考下2021-08-08
JavaScript 新手24條實(shí)用建議[TUTS+]
本文列出了24條能讓你的代碼編寫過程更為輕松高效的建議。也許您還是JavaScript初學(xué)者,剛剛寫完自己的Hello World,那這里有很多對(duì)您的工作將十分有用的小貼士;也許有些技巧您已經(jīng)知道,那就試試快速瀏覽一下,看能不能發(fā)現(xiàn)一點(diǎn)新東西吧!2009-06-06
laypage+SpringMVC實(shí)現(xiàn)后端分頁(yè)
這篇文章主要為大家詳細(xì)介紹了laypage+SpringMVC實(shí)現(xiàn)后端分頁(yè),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-07-07
uniapp小程序自定義tabbar以及初次加載閃屏解決方法
Uniapp小程序可以通過自定義tabbar來實(shí)現(xiàn)更加個(gè)性化的界面設(shè)計(jì),下面這篇文章主要給大家介紹了關(guān)于uniapp小程序自定義tabbar以及初次加載閃屏解決方法,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下2023-05-05
javascript實(shí)現(xiàn)的簡(jiǎn)單計(jì)時(shí)器
計(jì)時(shí)器提供了一 個(gè)可以將代碼片段異步延時(shí)執(zhí)行的能力,javascript生來是單線程的(在一定時(shí)間范圍內(nèi)僅一部分js代碼能運(yùn)行),計(jì)時(shí)器為我們提供了一種避開這種 限制的方法,從而開辟了另一條執(zhí)行代碼的蹊徑。2015-07-07
JavaScript實(shí)現(xiàn)帶播放列表的音樂播放器實(shí)例分享
這篇文章主要介紹了JavaScript實(shí)現(xiàn)帶播放列表的音樂播放器實(shí)例分享,包括對(duì)播放完歌單之后沒有將要播放的歌曲的提示功能,需要的朋友可以參考下2016-03-03

