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 @   槑孒  阅读(76)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
点击右上角即可分享
微信分享提示