阻止鼠标双击重复调用函数
1.问题场景:
当点击一个按钮调用一个函数或者是调用一个api的时候,用户不小心进行了双击(比如用户鼠标是山寨的,哈哈),此时有可能该函数被执行了两次,这时一是会影响界面元素的生成,而是会影响产品性能!,因此。。。。
2.想读代码就先过一下我的绕口令大关吧!!!
"钓鱼要到岛上钓,不到岛上钓不到!"
友情提示:最好让妹子快速读一下哦,哈哈哈哈。
3.上代码喽:
var timer = null;
//单击
$(dom).off().on('click',function(){
//取消上次点击延时未执行的方法
clearTimeout(timer);
timer = setTimeout(() => {
你想要执行的方法
},0)
});
//不小心双击了。。。
$(dom).on('dblclick',function(){
//取消上次点击延时未执行的方法
clearTimeout(timer);
})