函数的防抖-函数被多次触发只执行最后一次
<body>
输入要搜索的内容:<input type="text" name="" id="inp">
<script>
// 防抖:多次触发只执行最后一次
let inp = document.getElementById('inp')
inp.oninput = debounce(doSomething,1000)
// 防抖封装版
function debounce (fun,delay) {
let timer = null
return () => {
if ( timer !== null ) {
clearTimeout(timer)
}
timer = setTimeout(()=>{
fun()
},delay)
}
}
// 业务代码
function doSomething() {
console.log("doSomething()")
}
</script>
</body>