微信小程序使用函數防抖解決重複點擊消耗性能問題

wxml:

<view bindtap="doubleTap" bindtouchstart="touchStart" bindtouchend="touchEnd">click me</view>

　　 js:

 // 防止重複點擊
  touchStart(e) {
   
    this.touchStartTime = e.timeStamp;
  },
  touchEnd(e) {
    this.touchEndTime = e.timeStamp;
  },
  doubleTap(e) {
    var vm = this;
    // 控制點擊事件在350ms內觸發，加這層判斷是爲了防止長按時會觸發點擊事件
    if (vm.touchEndTime - vm.touchStartTime < 350) {
      // 當前點擊的時間
      var currentTime = e.timeStamp;
      var lastTapTime = vm.lastTapTime;
      // 更新最後一次點擊時間
      vm.lastTapTime = currentTime;
      // 若是兩次點擊時間在300毫秒內，則認爲是雙擊事件
      if (currentTime - lastTapTime > 300) {
        // do something 點擊事件具體執行那個業務
       
      }
    }
  }