微信小程序 函数防抖 解决重复点击消耗性能问题实现代码
更新时间:2019年09月12日 11:17:09 作者:明明一颗大白菜
这篇文章主要介绍了微信小程序使用函数防抖解决重复点击消耗性能问题实现代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
这篇文章主要介绍了微信小程序使用函数防抖解决重复点击消耗性能问题实现代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
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 点击事件具体执行那个业务 } } }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章
electron-builder 的基本使用及electron打包步骤
electron-builder 作为一个用于 Electron 应用程序打包的工具,需要下载并使用 Electron 运行时来创建可执行文件,这篇文章主要介绍了electron-builder 的基本使用,需要的朋友可以参考下2023-12-12深入理解JavaScript中的call、apply、bind方法的区别
下面小编就为大家带来一篇深入理解JavaScript中的call、apply、bind方法的区别。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-05-05Javascript保存网页为图片借助于html2canvas库实现
借助于html2canvas库,把网页保存为Canvas画布,再把生成的canvas保存成图片,下面的示例,大家可以看看2014-09-09
最新评论