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相关内容感兴趣的读者可查看本站专题：《ECMAScript6(ES6)入门教程》、《JavaScript数组操作技巧总结》、《JavaScript字符与字符串操作技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript错误与调试技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
-
本文向大家介绍layui select 禁止点击的实现方法，包括了layui select 禁止点击的实现方法的使用技巧和注意事项，需要的朋友参考一下 直接上代码啦 注意事项： 1. 必须写 layui.use([form]) 2. 先把属性设置为disabled 3. 再form.render（）一下 以上这篇layui select 禁止点击的实现方法就是小编分享给大家的全部内容了，希望能给大
-
本文向大家介绍JS实现点击按钮获取页面高度的方法，包括了JS实现点击按钮获取页面高度的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JS实现点击按钮获取页面高度的方法。分享给大家供大家参考，具体如下： 这是一个JavaScript特效代码，点击获取网页高度，在ie6下实现position-fixed的效果，另外针对遮罩的问题（大概是做lightBox吧），个人觉得纯css法（不包括其
-
本文向大家介绍js简单实现点击左右运动的方法，包括了js简单实现点击左右运动的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了js简单实现点击左右运动的方法。分享给大家供大家参考。具体分析如下： 这里可实现点击向右，方块向右移动，点击向左，方块向左移动的效果 可以用setInterval来实现过多长时间，div移动多长的距离来实现运动效果。 要点一：如果元素的左边距离小于目标距离，则是
-
本文向大家介绍js禁止Backspace键使浏览器后退的实现方法，包括了js禁止Backspace键使浏览器后退的实现方法的使用技巧和注意事项，需要的朋友参考一下 在项目中遇到按下Backspace键让浏览器后退的问题，上网搜了几种解决方案都不太理想。于是集众人之智，采众家之长，归纳如下： 1、在公用js中定义阻止Backspace的方法 方法注释写的很清晰了，这里不过多解释。 2、页面加载完成就
-
本文向大家介绍基于JS+Canves实现点击按钮水波纹效果，包括了基于JS+Canves实现点击按钮水波纹效果的使用技巧和注意事项，需要的朋友参考一下 近来看到个不错的按钮点击效果，当点击时产生一次水波涟漪效果，挺好玩的，于是简单的实现了下(没考虑低版本浏览器兼容问题) 先看看效果吧，如下图（录制gif软件有点渣，看起来卡卡的...） 这种效果可以由元素内嵌套canves实现，也可以由css3实现
-
我想在phonegap中创建应用程序，在Android和IOS中使用连续语音识别。我的应用程序应该等待用户的声音，当他/她说“下一步”时，应用程序应该更新屏幕并执行一些操作。 我发现这个插件：https://github.com/macdonst/SpeechRecognitionPlugin而且它工作得非常快。但在语音识别启动几秒钟后，语音识别器停止工作，但并没有语音。是否有任何方法或标志，如i