JS实现禁止高频率连续点击的方法【基于ES6语法】
编程学习 2021-07-04 18:32www.dzhlxh.cn编程入门
这篇文章主要介绍了JS实现禁止高频率连续点击的方法,通过事件监听结合定时器实现针对高频率点击的限制操作,该功能基于ES6语法实现,需要的朋友可以参考下
本文实例讲述了JS实现禁止高频率连续点击的方法。分享给大家供大家参考，具体如下：
1、类似react的数据流，点击之后立即设置值为空，当返回值后才可以点击
2、设置定时器，每次进入之前先清空掉定时器，然后开启定时器
<main>
<div id="me" style="width: 100px;height: 50px; margin: 5rem auto;background: blue;color: #fff">点我</div>
</main>
<script>
let c =null;
let dom = document.querySelector('#me');
dom.addEventListener('click',function(){
clearTimeout(c);
c = setTimeout(function(){
console.log(2000)
},1000)
},false)
</script>
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《》、《》、《》、《》、《》及《》
希望本文所述对大家JavaScript程序设计有所帮助。