微信小程序> 微信小程序防止多次点击

微信小程序防止多次点击

浏览量:1554 时间: 来源:write less,do more

就是函数节流(throttle):函数在一段时间内多次触发只会执行第一次,在这段时间结束前,不管触发多少次也不会执行函数。

/utils/util.js:

function throttle(fn, gapTime) {    if (gapTime == null || gapTime == undefined) {        gapTime = 1500    }     let _lastTime = null     // 返回新的函数    return function () {        let _nowTime = + new Date()        if (_nowTime - _lastTime  gapTime || !_lastTime) {            fn.apply(this, arguments)   //将this和参数传给原函数            _lastTime = _nowTime        }    }}

/pages/throttle/throttle.wxml:

button bindtap='tap' data-key='abc'tap/button

/pages/throttle/throttle.js

const util = require('../../utils/util.js') Page({    data: {        text: 'tomfriwel'    },    onLoad: function (options) {     },    tap: util.throttle(function (e) {        console.log(this)        console.log(e)        console.log((new Date()).getSeconds())    }, 1000)})

这样,疯狂点击按钮也只会1s触发一次。

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎