避免重复点击的逻辑

最新推荐文章于 2024-07-23 01:00:12 发布

吞石鱼

最新推荐文章于 2024-07-23 01:00:12 发布

阅读量871

点赞数

本文链接：https://blog.csdn.net/qq_38735649/article/details/81838701

版权

有些时候，一个onclick触发类型事件在多次点击后会造成程序的错误显示，或者多次调用某个响应事件。那么我们如何来应对多次触发所带来的重复响应。
我们用一段伪代码来实现逻辑。

var flag=true;
obj.onclick=function(){
   if(flag){
   //这里写响应事件的代码
    console.log('点击并执行！');
    //当正确响应后 ，设置一个计时器,注意延时时间一般为整个响应过程大约持续时间，比如一个过渡响应2s,我们就对应设置2000ms。2s后，点击事件内的响应事件会恢复。
       setTimeout(function(){
            flag=true;
        },2000)

        flag=false;
   }
}