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相关内容感兴趣的读者可查看本站专题:《ECMAScript6(ES6)入门教程》、《JavaScript数组操作技巧总结》、《JavaScript字符与字符串操作技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript错误与调试技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关推荐
专注前端开发 2020-10-21
TesterJingel 2020-06-28
jszy 2020-06-16
angqiuli 2020-05-16
Happyunlimited 2020-05-03
fengjing81 2020-03-02
林大鹏 2020-01-10
csdnyasin 2020-01-05
ThinkingLink 2019-12-06
IndustBee 2019-11-30
管满满 2013-07-10
nankangren 2019-11-19
sprintwind 2011-03-23
Will0 2011-03-22
哥哥的CSDN集 2015-07-12
GoAheadY 2011-09-04
昭君出塞 2019-11-05
咏月东南 2019-10-29
GoatSucker 2019-10-29