JS实现禁止高频率连续点击的方法【基于ES6语法】

2019-11-19 16:44:19

字体：大中小

来源：转载

供稿：网友

本文实例讲述了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相关内容感兴趣的读者可查看本站专题：《ECMAScript6(ES6)入门教程》、《JavaScript数组操作技巧总结》、《JavaScript字符与字符串操作技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript错误与调试技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

上一篇：Node.js利用debug模块打印出调试日志的方法

下一篇：json的结构与遍历方法实例分析