JS實現禁止高頻率連續(xù)點擊的方法【基于ES6語法】
更新時間：2017年04月25日 11:29:03 作者：TomG
這篇文章主要介紹了JS實現禁止高頻率連續(xù)點擊的方法,通過事件監(jiān)聽結合定時器實現針對高頻率點擊的限制操作,該功能基于ES6語法實現,需要的朋友可以參考下
本文實例講述了JS實現禁止高頻率連續(xù)點擊的方法。分享給大家供大家參考，具體如下：
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程序設計有所幫助。
相關文章
井字棋作為我們在上學時代必玩的一款連珠游戲，承載了很多人的童年記憶。本文我們就用HTML、css、js來實現一款井字棋游戲，感興趣的可以動手嘗試一下2022-04-04
javascript算法題：求任意一個1-9位不重復的N位數在該組合中的大小排列序號
這篇文章主要介紹了javascript算法題：求任意一個1-9位不重復的N位數在該組合中的大小排列序號,需要的朋友可以參考下2015-04-04
這篇文章主要介紹了antd?table長表格如何出現滾動條,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-06-06
網頁取色...2006-10-10
這篇文章主要介紹了JavaScript實現多種排序算法的相關資料，包括冒泡排序、插入排序、選擇排序等，感興趣的小伙伴們可以參考一下2016-02-02
這篇文章主要介紹了Taro小程序自定義頂部導航欄功能的實現,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-12-12
JavaScript中setInterval()用法舉例詳解
這篇文章主要給大家介紹了關于JavaScript中setInterval()用法的相關資料,setInterval()方法可按照指定的周期(以毫秒計)來調用函數或計算表達式,文中通過代碼示例介紹的非常詳細,需要的朋友可以參考下2023-10-10
本文主要介紹了window.print()打印html網頁的兩種方法實現，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-06-06
下面小編就為大家?guī)硪黄猨s獲取上傳文件的絕對路徑實現方法。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
這篇文章主要介紹了JS+DIV+CSS實現的經典標簽切換效果代碼,涉及JavaScript基于鼠標事件針對頁面元素動態(tài)變換的實現技巧,頁面美觀實用,需要的朋友可以參考下2015-09-09