美文网首页
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重复点击事件处理

    common.js 用法: 或者 【这里注意如果你不用es6箭头函数,而将大段代码放入throttle_fn中时,...

  • jq js 取消点击事件

    jq的取消点击事件 js的取消点击事件

  • picker选择器 设置默认值如请选择

    wxml JS data部分 JS 点击事件

  • 小程序多次点击最佳实践

    多次点击 小程序没有好的优化事件处理机制,导致重复点击会触发多次(当我们快速点击的时候会多次执行,比如点击加载更多...

  • 点击事件处理

    发送触摸时间后,系统会将事件添加到系统UIApplication的事件管理队列中 UIApplication 会在...

  • 点击事件处理

    想要实现的效果点击CollectionCell走func collectionView(_ collectionV...

  • vue:事件处理器

    Vue.js 事件处理器 事件监听可以使用 v-on 指令: v-on 增加 1 这个按钮被点击了 {{ coun...

  • js追加的元素,点击事件处理

    为了方便对比,点击了两次“添加图文”,并在每个图文内容里面的“图文详情链接”的输入框中填写了相对应的数字,这里需要...

  • 点击事件重复请求

    引子 当我们针对某个按钮绑定点击事件后,就可以随时通过点击鼠标来触发按钮的点击事件,如: 这样num值会不断增加,...

  • VUE 事件路由传参重点

    点击事件传参 A 页面 点击事件 DIV部分 {{pdzs}} {{bdzs}} JS部分: methods:...

网友评论

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

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