一、什么是函数防抖
函数防抖:事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时。
二、代码实现
<script> const searchElement = document.getElementById("searchElement"); //返回值是函数 //固定时间间隔执行事件响应函数 const debounce = (fn, initial) => { let timer = null; return () => { clearTimeout(timer); timer = setTimeout(fn, initial); }; }; searchElement.oninput = debounce(function (event) { const value = searchElement.value; console.log(`value`, value); }, 1000); </script>