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 相关文章推荐
用javascript实现兼容IE7的类库 IE7_0_9.zip提供下载
Aug 08 Javascript
ext 代码生成器
Aug 07 Javascript
原生javascript+css3编写的3D魔方动画旋扭特效
Mar 14 Javascript
PhotoSwipe异步动态加载图片方法
Aug 25 Javascript
JQueryMiniUI按照时间进行查询的实现方法
Jun 07 jQuery
使用mint-ui开发项目的一些心得(分享)
Sep 07 Javascript
解决vue.js this.$router.push无效的问题
Sep 03 Javascript
最简单的JS实现json转csv的方法
Jan 10 Javascript
vue elementui el-form rules动态验证的实例代码详解
May 23 Javascript
详解element-ui动态限定的日期范围选择器代码片段
Jul 03 Javascript
jQuery实现简单QQ聊天框
Aug 27 jQuery
使用js获取身份证年龄的示例代码
Dec 11 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
PHP新手上路(十三)
2006/10/09 PHP
php截取字符串之截取utf8或gbk编码的中英文字符串示例
2014/03/12 PHP
php.ini中date.timezone设置详解
2016/11/20 PHP
详解PHP中的8个魔术常量
2020/07/06 PHP
JQuery开发的数独游戏代码
2010/10/29 Javascript
js实现同一页面多个运动效果的方法
2015/04/10 Javascript
jQuery实现的背景颜色渐变动画效果示例
2017/03/24 jQuery
微信小程序 蓝牙的实现实例代码
2017/06/27 Javascript
Vue中render函数的使用方法
2018/01/31 Javascript
浅谈vue中改elementUI默认样式引发的static与assets的区别
2018/02/03 Javascript
vue 使用Jade模板写html,stylus写css的方法
2018/02/23 Javascript
Vuex 单状态库与多模块状态库详解
2018/12/11 Javascript
three.js实现圆柱体
2018/12/30 Javascript
详解Node.js异步处理的各种写法
2019/06/09 Javascript
JavaScript键盘事件响应顺序详解
2019/09/30 Javascript
[02:42]2014DOTA2国际邀请赛 三冰专访:我会打到Ti20
2014/07/13 DOTA
Cython 三分钟入门教程
2009/09/17 Python
探究python中open函数的使用
2016/03/01 Python
详解Python设计模式编程中观察者模式与策略模式的运用
2016/03/02 Python
Python编程实现正则删除命令功能
2017/08/30 Python
Python实现的远程登录windows系统功能示例
2018/06/21 Python
解决python3 HTMLTestRunner测试报告中文乱码的问题
2018/12/17 Python
使用pytorch和torchtext进行文本分类的实例
2020/01/08 Python
阿拉伯书店:Jamalon
2019/07/24 全球购物
初中生学习生活的自我评价
2013/11/20 职场文书
运动会广播稿100字
2014/01/11 职场文书
高中生活自我鉴定
2014/01/18 职场文书
趣味运动会活动方案
2014/02/12 职场文书
公司会计岗位职责
2014/02/13 职场文书
小学新学期寄语
2014/04/02 职场文书
领导干部四风问题自我剖析材料
2014/09/25 职场文书
离婚协议书格式
2015/01/26 职场文书
酒店总经理岗位职责
2015/04/01 职场文书
MySQL如何快速创建800w条测试数据表
2022/03/17 MySQL
解决redis批量删除key值的问题
2022/03/23 Redis
spring 项目实现限流方法示例
2022/07/15 Java/Android