本文實(shí)例講述了JS實(shí)現(xiàn)禁止高頻率連續(xù)點(diǎn)擊的方法。分享給大家供大家參考,具體如下:
1、類似react的數(shù)據(jù)流,點(diǎn)擊之后立即設(shè)置值為空,當(dāng)返回值后才可以點(diǎn)擊
2、設(shè)置定時(shí)器,每次進(jìn)入之前先清空掉定時(shí)器,然后開啟定時(shí)器
<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錯(cuò)誤與調(diào)試技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注