栗子:阻止按鈕在1s內(nèi)多次被調(diào)用; 先上我baidu的結(jié)果btn.onclick = function add(){ btn.innerHTML = Number(btn.innerHTML) + 1; btn.onclick = null; clearTimeout(timer); var timer = setTimeout(function(){ btn.onclick = add; },1000); }btn.onclick = (function(){ var last = Date.now(); return function(){ var now = Date.now(); if((now - last)>1000){ btn.innerHTML= Number(btn.innerHTML) + 1; } last = now; }})();以上兩種方法都可以實(shí)現(xiàn),目前我困惑的問題在于:1-除了使用定時(shí)器或者閉包,有沒有更棒的方式;2-如果沒有,那么上述兩種哪種方式更適合組件化公用;當(dāng)前項(xiàng)目有許多地方需要用到,那么我想嘗試自己封裝一個(gè)簡單的公共方法,達(dá)到的效果可以支持click事件阻止1s內(nèi)被多次調(diào)用,又或者可以自定義的擴(kuò)展(后話);項(xiàng)目基于angular4.x(沒有找到類似推遲執(zhí)行的方法..),當(dāng)然原生js完全OK
阻止邏輯事件短時(shí)間頻繁調(diào)用
手掌心
2019-03-13 13:15:10