JS实现节流防抖

...
<input type="text" id="input">
...
var input = document.getElementById("input")

// 防抖的函数
function bebounce(delay,callback){
  let timer
  return function(value){
    clearTimeout(timer)
    timer = setTimeout(()=>{
      callback(value)
  },delay)
}

// 回调函数
function fn(value){
  console.log(value)  // 在这输出
}

var debounceFun == debounce(1000,fn)
input.addEventListener('keyup',function(e){
  debounceFunc(e.target.value)
})
posted @ 2022-06-19 23:08  槑孒  阅读(74)  评论(0编辑  收藏  举报