let inp = document.querySelector('input');
// oninput 事件在元素值发生变化是立即触发
inp.oninput = debounce(function(){
console.log(this.value)
},500)
function debounce(fn,delay){
let t = null;
// let that = this (指向window)
return function(){
if(t !== null){
// clearTimeout() 方法可取消由 setTimeout() 方法设置的定时操作。
clearTimeout(t)
}
t = setTimeout(()=>{
// fn(that)
fn.call(this)
},delay)
}
}
防抖的源代码
最新推荐文章于 2023-09-19 10:47:08 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)