防抖与节流(一)

防抖

  <input type="text">

利用计时器实现一个防抖

  // 防抖:用户触发事件过于频繁,只要最后一次事件的操作
  let inp = document.querySelector("input")
  let t = null
  inp.oninput = function (){
    if (t !== null){
       clearTimeout(t)
    }
    t = setTimeout(()=>{
      console.log(this.value)    
    }, 2000);
  }
posted @ 2021-07-20 21:16  `Duet`  阅读(22)  评论(0编辑  收藏  举报