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

微信小程序防止重復點擊按鈕的示例代碼

 更新時間: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)文章

  • 微信小程序開發(fā)實現(xiàn)首頁彈框活動引導功能

    微信小程序開發(fā)實現(xiàn)首頁彈框活動引導功能

    自己x實現(xiàn)的一個比較簡單微信彈窗功能,主要就是教會大家對微信彈窗的用法和理解,這篇文章主要給大家介紹了關(guān)于微信小程序如何實現(xiàn)首頁彈框活動引導功能的相關(guān)資料,需要的朋友可以參考下
    2021-08-08
  • JavaScript 新手24條實用建議[TUTS+]

    JavaScript 新手24條實用建議[TUTS+]

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

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

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

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

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

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

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

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

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

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

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

    JS中style屬性

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

    javascript實現(xiàn)的簡單計時器

    計時器提供了一 個可以將代碼片段異步延時執(zhí)行的能力,javascript生來是單線程的(在一定時間范圍內(nèi)僅一部分js代碼能運行),計時器為我們提供了一種避開這種 限制的方法,從而開辟了另一條執(zhí)行代碼的蹊徑。
    2015-07-07
  • JavaScript實現(xiàn)帶播放列表的音樂播放器實例分享

    JavaScript實現(xiàn)帶播放列表的音樂播放器實例分享

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

最新評論