欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-06-11 11:35:29
本文实例讲述了js实现禁止高频率连续点击的方法。分享给大家供大家参考,具体如下: 1、类似react的数据流,点击之后立即设置值为空,当返回值后才可以点击 2、设置定时...

本文实例讲述了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程序设计有所帮助。