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


Posted in Javascript onApril 25, 2017

本文实例讲述了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 相关文章推荐
JS类中定义原型方法的两种实现的区别
Mar 08 Javascript
asp.net和asp下ACCESS的参数化查询
Jun 11 Javascript
JS之小练习代码
Oct 12 Javascript
自己写的兼容ie和ff的在线文本编辑器类似ewebeditor
Dec 12 Javascript
jQuery获取(选中)单选,复选框,下拉框中的值
Feb 21 Javascript
JavaScript支持的最大递归调用次数分析
Jun 24 Javascript
JavaScript实现在页面间传值的方法
Apr 07 Javascript
jQuery增加和删除表格项目及实现表格项目排序的方法
May 30 Javascript
在Vue中使用icon 字体图标的方法
Jun 14 Javascript
Promise扫盲贴
Jun 24 Javascript
Element Tooltip 文字提示的使用示例
Jul 26 Javascript
详解ES6实现类的私有变量的几种写法
Feb 10 Javascript
json的结构与遍历方法实例分析
Apr 25 #Javascript
详谈jQuery中使用attr(), prop(), val()获取value的异同
Apr 25 #jQuery
用vue和node写的简易购物车实现
Apr 25 #Javascript
ES6数组的扩展详解
Apr 25 #Javascript
Angular实现一个简单的多选复选框的弹出框指令实例
Apr 25 #Javascript
如何在 Vue.js 中使用第三方js库
Apr 25 #Javascript
Javascript中click与blur事件的顺序详析
Apr 25 #Javascript
You might like
连接到txt文本的超链接,不直接打开而是点击后下载的处理方法
2009/07/01 PHP
php中使用gd库实现远程图片下载实例
2015/05/12 PHP
tp5.1 框架路由操作-URL生成实例分析
2020/05/26 PHP
JQuery 表单中textarea字数限制实现代码
2009/12/07 Javascript
禁用键盘上的(全局)指定键兼容iE、Chrome、火狐
2013/05/14 Javascript
深入探讨JavaScript、JQuery屏蔽网页鼠标右键菜单及禁止选择复制
2014/06/10 Javascript
Node.js安装教程和NPM包管理器使用详解
2014/08/16 Javascript
一个JavaScript获取元素当前高度的实例
2014/10/29 Javascript
javascript中createElement的两种创建方式
2015/05/14 Javascript
JS简单实现tab切换效果的多窗口显示功能
2016/09/07 Javascript
jQuery动态生成Bootstrap表格
2016/11/01 Javascript
js 定位到某个锚点的方法
2016/11/19 Javascript
Vue 2.x教程之基础API
2017/03/06 Javascript
自定义事件解决重复请求BUG的问题
2017/07/11 Javascript
微信小程序 websocket 实现SpringMVC+Spring+Mybatis
2017/08/04 Javascript
值得收藏的vuejs安装教程
2017/11/21 Javascript
Webpack实战加载SVG的方法
2017/12/26 Javascript
详解vue为什么要求组件模板只能有一个根元素
2019/07/22 Javascript
JavaScript 格式化数字、金额、千分位、保留几位小数、舍入舍去
2019/07/23 Javascript
webpack是如何实现模块化加载的方法
2019/11/06 Javascript
node.JS路径解析之PATH模块使用方法详解
2020/02/06 Javascript
vue中的过滤器及其时间格式化问题
2020/04/09 Javascript
python 实现在tkinter中动态显示label图片的方法
2019/06/13 Python
Python数据结构与算法(几种排序)小结
2019/06/22 Python
python实现简单贪吃蛇游戏
2020/09/29 Python
python 三种方法提取pdf中的图片
2021/02/07 Python
伦敦新晋轻奢耳饰潮牌:Tada & Toy
2020/05/25 全球购物
生产副总岗位职责
2013/11/28 职场文书
个人简历自荐信
2014/06/26 职场文书
小学感恩教育活动总结
2014/07/07 职场文书
办公楼租房协议书范本
2014/11/25 职场文书
母亲节寄语大全
2015/02/27 职场文书
会议主持人开场白台词
2015/05/28 职场文书
婚礼父母致辞
2015/07/28 职场文书
新人入职感言
2015/07/31 职场文书
观看禁毒宣传片后的感想
2015/08/11 职场文书