JS實(shí)現(xiàn)禁止高頻率連續(xù)點(diǎn)擊的方法【基于ES6語法】
更新時間：2017年04月25日 11:29:03 作者：TomG
這篇文章主要介紹了JS實(shí)現(xiàn)禁止高頻率連續(xù)點(diǎn)擊的方法,通過事件監(jiān)聽結(jié)合定時器實(shí)現(xiàn)針對高頻率點(diǎn)擊的限制操作,該功能基于ES6語法實(shí)現(xiàn),需要的朋友可以參考下
本文實(shí)例講述了JS實(shí)現(xiàn)禁止高頻率連續(xù)點(diǎn)擊的方法。分享給大家供大家參考，具體如下：
1、類似react的數(shù)據(jù)流，點(diǎn)擊之后立即設(shè)置值為空，當(dāng)返回值后才可以點(diǎn)擊
2、設(shè)置定時器，每次進(jìn)入之前先清空掉定時器，然后開啟定時器
<main>
<div id="me" style="width: 100px;height: 50px; margin: 5rem auto;background: blue;color: #fff">點(diǎn)我</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>
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《ECMAScript6(ES6)入門教程》、《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript字符與字符串操作技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
基于JS實(shí)現(xiàn)經(jīng)典的井字棋游戲
井字棋作為我們在上學(xué)時代必玩的一款連珠游戲，承載了很多人的童年記憶。本文我們就用HTML、css、js來實(shí)現(xiàn)一款井字棋游戲，感興趣的可以動手嘗試一下2022-04-04
javascript算法題：求任意一個1-9位不重復(fù)的N位數(shù)在該組合中的大小排列序號
這篇文章主要介紹了javascript算法題：求任意一個1-9位不重復(fù)的N位數(shù)在該組合中的大小排列序號,需要的朋友可以參考下2015-04-04
這篇文章主要介紹了antd?table長表格如何出現(xiàn)滾動條,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-06-06
網(wǎng)頁取色...2006-10-10
這篇文章主要介紹了JavaScript實(shí)現(xiàn)多種排序算法的相關(guān)資料，包括冒泡排序、插入排序、選擇排序等，感興趣的小伙伴們可以參考一下2016-02-02
Taro小程序自定義頂部導(dǎo)航欄功能的實(shí)現(xiàn)
這篇文章主要介紹了Taro小程序自定義頂部導(dǎo)航欄功能的實(shí)現(xiàn),本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-12-12
JavaScript中setInterval()用法舉例詳解
這篇文章主要給大家介紹了關(guān)于JavaScript中setInterval()用法的相關(guān)資料,setInterval()方法可按照指定的周期(以毫秒計(jì))來調(diào)用函數(shù)或計(jì)算表達(dá)式,文中通過代碼示例介紹的非常詳細(xì),需要的朋友可以參考下2023-10-10
window.print()打印html網(wǎng)頁的兩種方法實(shí)現(xiàn)
本文主要介紹了window.print()打印html網(wǎng)頁的兩種方法實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06
下面小編就為大家?guī)硪黄猨s獲取上傳文件的絕對路徑實(shí)現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
JS+DIV+CSS實(shí)現(xiàn)的經(jīng)典標(biāo)簽切換效果代碼
這篇文章主要介紹了JS+DIV+CSS實(shí)現(xiàn)的經(jīng)典標(biāo)簽切換效果代碼,涉及JavaScript基于鼠標(biāo)事件針對頁面元素動態(tài)變換的實(shí)現(xiàn)技巧,頁面美觀實(shí)用,需要的朋友可以參考下2015-09-09