javascript 去抖功能

Posted 2021-05-03

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javascript 去抖功能相关的知识，希望对你有一定的参考价值。

const debounce = (func, timer) => {
  let timeId = null;
  return (...args) => {
    if (timeId) {
      clearTimeout(timeId);
    }
    timeId = setTimeout(() => {
      func(...args);
    }, timer);
  }
}

// Usage on typing in an input field
const input = document.querySelector('inpurt');
input.addEventListener('keyup', debounce((e) => {
  console.log(input.value);
}, 500));

以上是关于javascript 去抖功能的主要内容，如果未能解决你的问题，请参考以下文章