美文网首页
防止点击事件频繁触发 节流--小程序

防止点击事件频繁触发 节流--小程序

作者: 潇潇芭蕉 | 来源:发表于2020-07-18 16:21 被阅读0次
    //一般可以封装在公共js文件中(util.js)
    function throttle(me, key, fn, delay = 1000) {//节流方法 防止频繁点击
      let pre = me.data[key]
      return function () {
        let now = + new Date();
        if (now - pre >= delay) {
          fn.apply(me, arguments)
          pre = now
          me.setData({
            [key]: now
          })
        }
      }
    }
    //导出
    module.exports = {
      throttle
    }
    
    //在需要用到的页面调用
    var util = require('../../utils/util.js')//路径根据自己的文件路径来
       data: {
            pre:0,
        },
     getthrottle: function (e) {
            let that = this
            util.throttle(that, 'pre', function(){
                console.log('调用成功')
            }, 5000)()//可根据需要更改时间间隔
        },
    

    相关文章

      网友评论

          本文标题:防止点击事件频繁触发 节流--小程序

          本文链接:https://www.haomeiwen.com/subject/yqkfkktx.html