美文网首页
js重复点击事件处理

js重复点击事件处理

作者: 喵呜Yuri | 来源:发表于2019-05-17 10:13 被阅读0次

    common.js

    var isclick = true;//防止重复点击事件中的全局变量。
    
    function throttle_fn(fn, t){
        var times = t||800;//没有时间参数的时候默认800
        if(!isclick){
            return false;
        }
        isclick = false;
        setTimeout('isclick = true;',times);
        return fn();
    };
    

    用法:

    getpostData:function(){
        throttle_fn(()=>{
            ....
        })
    }
    

    或者

    getpostData:function(){
        throttle_fn(()=>{
            ....
        },1000)
    }
    

    【这里注意如果你不用es6箭头函数,而将大段代码放入throttle_fn中时,留意你的this指针指向,以免出错】

    getpostData:function(){
        var this_ = this;
        throttle_fn(function(){
            this_.modal = false
            ....
        })
    }
    

    相关文章

      网友评论

          本文标题:js重复点击事件处理

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