博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS实现禁止短时间内连续触发事件
阅读量:5100 次
发布时间:2019-06-13

本文共 846 字,大约阅读时间需要 2 分钟。

设置定时器,每次进入函数时先清空定时器,然后在执行

let c =null;  let dom = document.querySelector('#me');  dom.addEventListener('click',function(){    clearTimeout(c);    c = setTimeout(function(){      console.log(2000)    },1000)  },false)

如果是一个按钮的话,可以使用一下方法

1       var clickflag = 0;  2        $('.btn').click(function () {  3                 if (clickflag == 0) {  4                     clickflag = 1;  5                     $(this).addClass("c_gray");  6                     setTimeout(function () { clickflag = 0 }, 1000);  7                 }  8             });

同时按钮事件也可以使用添加属性的方法来解决连续触发

1 $("#btn").attr("disabled", "disabled");  //使按钮不能被点击 2 $("#btn").attr("value", "wait");              //更改按钮上的文字 3 4 $("#btn").removeAttr("disabled");       //使按钮能够被点击 5 $("#btn").attr("value", "点我");            //更改按钮上的文字

 

转载于:https://www.cnblogs.com/Apply-fly/p/7203119.html

你可能感兴趣的文章
IOS-图片操作集合
查看>>
IO—》Properties类&序列化流与反序列化流
查看>>
jquery实现限制textarea输入字数
查看>>
Codeforces 719B Anatoly and Cockroaches
查看>>
ActiveMQ与spring整合
查看>>
EOS生产区块:解析插件producer_plugin
查看>>
格式化输出数字和时间
查看>>
关于TFS2010使用常见问题
查看>>
URL编码与解码
查看>>
Eclipse 安装SVN插件
查看>>
阿里云服务器CentOS6.9安装Mysql
查看>>
剑指offer系列6:数值的整数次方
查看>>
js 过滤敏感词
查看>>
poj2752 Seek the Name, Seek the Fame
查看>>
软件开发和软件测试,我该如何选择?(蜗牛学院)
查看>>
基本封装方法
查看>>
[Typescript] Specify Exact Values with TypeScript’s Literal Types
查看>>
Illustrated C#学习笔记(一)
查看>>
理解oracle中连接和会话
查看>>
Scrapy实战篇(三)之爬取豆瓣电影短评
查看>>