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 相关文章推荐
jquery实现的超出屏幕时把固定层变为定位层的代码
Feb 23 Javascript
js escape,unescape解决中文乱码问题的方法
May 26 Javascript
jQuery .tmpl(), .template()学习资料小结
Jul 18 Javascript
jquery 插件学习(二)
Aug 06 Javascript
poshytip 基于jquery的 插件 主要用于显示微博人的图像和鼠标提示等
Oct 12 Javascript
jquery+javascript编写国籍控件
Feb 12 Javascript
javascript简单实现滑动菜单效果的方法
Jul 27 Javascript
JS实现从网页顶部掉下弹出层效果的方法
Aug 06 Javascript
jQuery实现的背景动态变化导航菜单效果
Aug 24 Javascript
JavaScript代码轻松实现网页内容禁止复制(代码简单)
Oct 23 Javascript
浅谈Vue2.0中v-for迭代语法的变化(key、index)
Mar 06 Javascript
在Angular中使用JWT认证方法示例
Sep 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
最令PHP初学者们头痛的十四个问题
2007/01/15 PHP
php木马攻击防御之道
2008/03/24 PHP
php各种编码集详解和以及在什么情况下进行使用
2011/09/11 PHP
全新的PDO数据库操作类php版(仅适用Mysql)
2012/07/22 PHP
PHP 过滤页面中的BOM(实现代码)
2013/06/29 PHP
ThinkPHP 3.2.3实现加减乘除图片验证码
2018/12/05 PHP
PHP parse_ini_file函数的应用与扩展操作示例
2019/01/07 PHP
php使用fputcsv实现大数据的导出操作详解
2020/02/27 PHP
js post方式传递提交的实现代码
2010/05/31 Javascript
Javascript中prototype属性实现给内置对象添加新的方法
2015/05/14 Javascript
使用Vue.js创建一个时间跟踪的单页应用
2016/11/28 Javascript
基于jquery实现的鼠标悬停提示案例
2016/12/11 Javascript
uploader秒传图片到服务器完整代码
2017/04/22 Javascript
webpack项目轻松混用css module的方法
2018/06/12 Javascript
QQ跳转支付宝并自动领红包脚本(最新)
2018/06/22 Javascript
在小程序中使用Echart图表的示例代码
2018/08/02 Javascript
Vue表单输入绑定的示例代码
2018/11/01 Javascript
JS获取今天是本月第几周、本月共几周、本月有多少天、是今年的第几周、是今年的第几天的示例代码
2018/12/05 Javascript
vue实现前台列表数据过滤搜索、分页效果
2019/05/28 Javascript
jQuery实现的上拉刷新功能组件示例
2020/05/01 jQuery
Python使用MYSQLDB实现从数据库中导出XML文件的方法
2015/05/11 Python
python深度优先搜索和广度优先搜索
2018/02/07 Python
win7 x64系统中安装Scrapy的方法
2018/11/18 Python
Python自动化办公Excel模块openpyxl原理及用法解析
2020/11/05 Python
TIME时代杂志台湾总代理:台时亚洲
2018/10/22 全球购物
美国中西部家用医疗设备商店:Med Mart(轮椅、踏板车、升降机等)
2019/04/26 全球购物
南非最大的在线时尚商店:Zando
2019/07/21 全球购物
北京振戎融通Java面试题
2015/09/03 面试题
市优秀教师事迹材料
2014/02/05 职场文书
赞美老师的演讲稿
2014/05/22 职场文书
化学专业大学生职业生涯规划范文
2014/09/13 职场文书
国庆节演讲稿范文2014
2014/09/19 职场文书
工程部文员岗位职责
2015/02/04 职场文书
大学开学感言
2015/08/01 职场文书
体育部部长竞选稿
2015/11/21 职场文书
iSCSI服务器CHAP双向认证配置
2022/04/01 Servers