阻止鼠标双击重复调用函数

1.问题场景:

  当点击一个按钮调用一个函数或者是调用一个api的时候,用户不小心进行了双击(比如用户鼠标是山寨的,哈哈),此时有可能该函数被执行了两次,这时一是会影响界面元素的生成,而是会影响产品性能!,因此。。。。

2.想读代码就先过一下我的绕口令大关吧!!!

  "钓鱼要到岛上钓,不到岛上钓不到!"

友情提示:最好让妹子快速读一下哦,哈哈哈哈。

 

3.上代码喽:  

  var timer = null;

  //单击
  $(dom).off().on('click',function(){
    //取消上次点击延时未执行的方法
    clearTimeout(timer);
    timer = setTimeout(() => {

        你想要执行的方法

      },0)
    });

  //不小心双击了。。。
  $(dom).on('dblclick',function(){

    //取消上次点击延时未执行的方法
    clearTimeout(timer);
  })

posted @ 2017-06-29 15:20  生命岂能苟且  阅读(230)  评论(0编辑  收藏  举报