欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信小程序防止重復(fù)點(diǎn)擊按鈕的示例代碼

 更新時(shí)間:2023年10月25日 11:29:12   作者:西門夜說  
這篇文章主要介紹了微信小程序防止重復(fù)點(diǎn)擊按鈕的示例代碼,本文通過示例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下

微信小程序防止重復(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)功能

    微信小程序開發(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-08
  • JavaScript 新手24條實(shí)用建議[TUTS+]

    JavaScript 新手24條實(shí)用建議[TUTS+]

    本文列出了24條能讓你的代碼編寫過程更為輕松高效的建議。也許您還是JavaScript初學(xué)者,剛剛寫完自己的Hello World,那這里有很多對(duì)您的工作將十分有用的小貼士;也許有些技巧您已經(jīng)知道,那就試試快速瀏覽一下,看能不能發(fā)現(xiàn)一點(diǎn)新東西吧!
    2009-06-06
  • 使用text方法獲取Html元素文本信息示例

    使用text方法獲取Html元素文本信息示例

    獲取文本信息的方法有很多,本例使用的使用的是jquery的text方法,并使用alert將文本彈出,下面是實(shí)現(xiàn)代碼
    2014-09-09
  • laypage+SpringMVC實(shí)現(xiàn)后端分頁

    laypage+SpringMVC實(shí)現(xiàn)后端分頁

    這篇文章主要為大家詳細(xì)介紹了laypage+SpringMVC實(shí)現(xiàn)后端分頁,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2019-07-07
  • JavaScript數(shù)組操作函數(shù)匯總

    JavaScript數(shù)組操作函數(shù)匯總

    這篇文章主要針對(duì)JavaScript數(shù)組操作函數(shù)push,pop,join,shift,unshift,slice,splice,concat進(jìn)行總結(jié),感興趣的小伙伴們可以參考一下
    2016-08-08
  • uniapp小程序自定義tabbar以及初次加載閃屏解決方法

    uniapp小程序自定義tabbar以及初次加載閃屏解決方法

    Uniapp小程序可以通過自定義tabbar來實(shí)現(xiàn)更加個(gè)性化的界面設(shè)計(jì),下面這篇文章主要給大家介紹了關(guān)于uniapp小程序自定義tabbar以及初次加載閃屏解決方法,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下
    2023-05-05
  • 詳解微信小程序canvas圓角矩形的繪制的方法

    詳解微信小程序canvas圓角矩形的繪制的方法

    這篇文章主要介紹了詳解微信小程序canvas圓角矩形的繪制的方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2018-08-08
  • JS中style屬性

    JS中style屬性

    JS中style屬性...
    2006-10-10
  • javascript實(shí)現(xiàn)的簡單計(jì)時(shí)器

    javascript實(shí)現(xià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í)例分享

    這篇文章主要介紹了JavaScript實(shí)現(xiàn)帶播放列表的音樂播放器實(shí)例分享,包括對(duì)播放完歌單之后沒有將要播放的歌曲的提示功能,需要的朋友可以參考下
    2016-03-03

最新評(píng)論