19_防抖与节流一

最新推荐文章于 2024-11-12 11:19:19 发布

floret. 小花

最新推荐文章于 2024-11-12 11:19:19 发布

阅读量60

点赞数

分类专栏：笔记文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/heiioworld_/article/details/128305919

版权

笔记专栏收录该内容

25 篇文章 0 订阅

订阅专栏

<input type="text">
<script>
    //防抖:用户触发事件比较频繁，只要最后一次事件的操作
    let inp = document.querySelector('input')
    let t = null;
    inp.oninput = function() {
        if (t != null) {
            clearInterval(t)
        }
        t = setTimeout(() => {
            console.log(this.value)
        }, 500)
    }
    //使用闭包来实现防抖的方法
    //这里书写的是我们在书写防抖事件的时候主要是创建了全局变量t，这在多同事协同工作的时候难免会造成一定的变量污染问题
</script>