//防抖:用户触发事件过于频繁,只需要最后一次事件的操作
const inp = document.querySelector("input");
//封装一个防抖函数
inp.oninput = debounce(function () {
console.log(this.value);
}, 500);
function debounce(fn, delay) {
let t = null;
return function () {
if (t !== null) {
clearInterval(t);
}
t = setTimeout(() => {
fn.call(this);
}, delay);
};
}
简单理解防抖函数
最新推荐文章于 2023-12-24 21:09:04 发布