防抖

最新推荐文章于 2022-06-21 17:11:23 发布

花涛的个人博客

最新推荐文章于 2022-06-21 17:11:23 发布

阅读量150

点赞数 1

分类专栏： js 文章标签：防抖

本文链接：https://blog.csdn.net/weixin_40680292/article/details/103299791

版权

js 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

防抖：在一段delay时间内的输入都为无效，每一段delay时间执行一次

<body>
  <input type="text" id="input">
  <script>
    let timer;
    document.getElementById("input").addEventListener('input', function() {
      debouce(test, 2000)
    })

    function test() {
      console.log('aaa');
    }  
    
    function debouce(func, delay) {
      if (timer) return            //在setTimerout没有执行之前,timer一直都存在,一直return出去
      timer = setTimeout(() => {
        func()
        timer = null               //执行完了函数,将timer设为null,让下一个setTimeout创建
      }, delay)
    }

  </script>
</body>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

花涛的个人博客

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
防抖

防抖：在一段delay时间内的输入都为无效，每一段delay时间执行一次<body> <input type="text" id="input"> <script> let timer; document.getElementById("input").addEventListener('input', function() { ...
复制链接

扫一扫