快捷導(dǎo)航

微信小程序函數(shù)防抖解決重復(fù)點(diǎn)擊消耗性能問題實(shí)現(xiàn)代碼

更新時(shí)間：2019年09月12日 11:17:09 作者：明明一顆大白菜

這篇文章主要介紹了微信小程序使用函數(shù)防抖解決重復(fù)點(diǎn)擊消耗性能問題實(shí)現(xiàn)代碼,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

wxml:

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

js:

// 防止重復(fù)點(diǎn)擊
 touchStart(e) {
  this.touchStartTime = e.timeStamp;
 },
 touchEnd(e) {
 this.touchEndTime = e.timeStamp;
 },
 doubleTap(e) {
 var vm = this;
 // 控制點(diǎn)擊事件在350ms內(nèi)觸發(fā)，加這層判斷是為了防止長按時(shí)會觸發(fā)點(diǎn)擊事件
 if (vm.touchEndTime - vm.touchStartTime < 350) {
  // 當(dāng)前點(diǎn)擊的時(shí)間
  var currentTime = e.timeStamp;
  var lastTapTime = vm.lastTapTime;
  // 更新最后一次點(diǎn)擊時(shí)間
  vm.lastTapTime = currentTime;
  // 如果兩次點(diǎn)擊時(shí)間在300毫秒內(nèi)，則認(rèn)為是雙擊事件
  if (currentTime - lastTapTime > 300) {
  // do something 點(diǎn)擊事件具體執(zhí)行那個(gè)業(yè)務(wù)  
  }
 }
 }

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

javascript 三種方法實(shí)現(xiàn)獲得和設(shè)置以及移除元素屬性
獲得和設(shè)置以及移除元素屬性在操作dom的過程中會經(jīng)常遇到吧,為了提高工作的效率本文整理了一些快捷操作方法和大家一起分享，感興趣的朋友可以參考下哈
2013-03-03
JavaScript中yield實(shí)用簡潔實(shí)現(xiàn)方式
原以為是一個(gè)蠻復(fù)雜的題目，想了許久沒思路，當(dāng)然要實(shí)現(xiàn)絕對能實(shí)現(xiàn)，但如果分析JavaScript腳本或是動態(tài)產(chǎn)生代碼，都太復(fù)雜了。
2010-06-06
獲取layer.open彈出層的返回值方法
今天小編就為大家分享一篇獲取layer.open彈出層的返回值方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-08-08
javascript禁制后退鍵(Backspace)實(shí)例代碼
這篇文章介紹了javascript禁制后退鍵(Backspace)實(shí)例代碼，有需要的朋友可以參考一下
2013-11-11
JavaScript中的LHS和RHS分析詳情
這篇文章主要介紹了JavaScript中的LHS和RHS分析詳情，?LHS??是賦值操作即可以看做是在往內(nèi)存中存儲值，而??RHS??是取值操作，它是從內(nèi)存中進(jìn)行檢索，下文更多相關(guān)資料介紹需要的小伙伴可以參考一下
2022-04-04
JS中toFixed()方法四舍五入的精度問題詳解
最近在做項(xiàng)目的時(shí)候,遇到了有四舍五入保留兩位的需求,當(dāng)時(shí)不假思索的直接使用了js原生的toFixed方法,結(jié)果出現(xiàn)了問題,這篇文章主要給大家介紹了關(guān)于JS中toFixed()方法四舍五入精度問題的相關(guān)資料,需要的朋友可以參考下
2021-10-10
BootStrap3中模態(tài)對話框的使用
這篇文章主要介紹了BootStrap3中模態(tài)對話框的使用的相關(guān)資料,需要的朋友可以參考下
2017-01-01
一文帶你看懂Vue Hook和React Hook
React Hook 是 React 16.8 版本引入的一項(xiàng)新特性，它能夠讓函數(shù)組件擁有類組件中的狀態(tài)(state)和生命周期方法(lifecycle methods)等功能。Vue 3.x 開始引入了 Hooks API，用于在函數(shù)式組件中實(shí)現(xiàn)狀態(tài)和生命周期的管理。本文介紹的非常詳細(xì)，需要的朋友可以參考下
2023-04-04
微信小程序自定義導(dǎo)航欄效果
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義導(dǎo)航欄效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-05-05
npm install 、npm install --save 和&n
這篇文章主要介紹了npm install 、npm install --save 和 npm install --save-dev的區(qū)別介紹,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2023-04-04