设置Input防抖函数

AAA`

已于 2023-10-30 13:31:31 修改

阅读量72

点赞数

分类专栏： javascript 文章标签：前端 javascript

于 2023-10-27 17:25:57 首次发布

本文链接：https://blog.csdn.net/joeyjanela/article/details/134079467

版权

javascript 专栏收录该内容

31 篇文章 0 订阅

订阅专栏

本文介绍了JavaScript中的debounce函数，它用于优化在用户输入时频繁触发的事件处理，通过设定延迟执行，减少不必要的计算和提高性能。一个典型应用是Input事件的300毫秒延迟监听。

摘要由CSDN通过智能技术生成

  function debounce(func, delay) {
    let timeout;
    return function () {
      const context = this;
      const args = arguments;
      clearTimeout(timeout);
      timeout = setTimeout(() => {
        func.apply(context, args);
      }, delay);
    };
  }

<Input onInput={debounce((e) => {console.log(e.target.value)},300)} />