当前位置：首页 > 资讯 > 技术文档

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

时间：2020-07-26 00:25 编辑：来源：阅读：
扫一扫，手机访问

摘要：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相关内容感兴趣的读者可查看本站专题：《[url=http://www.1sucai.cn/Special/939.htm]ECMAScript6(ES6)入门教程[/url]》、《[url=http://www.1sucai.cn/Special/278.htm]JavaScript数组操作技巧总结[/url]》、《[url=http://www.1sucai.cn/Special/933.htm]JavaScript字符与字符串操作技巧总结[/url]》、《[url=http://www.1sucai.cn/Special/297.htm]JavaScript数据结构与算法技巧总结[/url]》、《[url=http://www.1sucai.cn/Special/439.htm]JavaScript错误与调试技巧总结[/url]》及《[url=http://www.1sucai.cn/Special/119.htm]JavaScript数学运算用法总结[/url]》希望本文所述对大家JavaScript程序设计有所帮助。

全部评论(0)

上一篇：前端页面文件拖拽上传模块js代码示例
下一篇：JavaScript如何禁止Backspace键

资讯排行榜
更多>>