在js中去控制input事件的触发次数

前言：当我们去监听input输入框的input事件时，会发现每当我们一改变输入框中的内容，input事件就会触发，但其实这种效果并不是最理想的，因为这种方式会导致input事件被触发得过于频繁，而很多时候的触发其实是没有必要的，所以我们可以通过代码控制，在不影响用户体验的前提下去降低他触发的频率

使用计时器（setTimeout）：在 input 事件处理程序中设置一个计时器，在计时器结束前忽略额外的触发事件。这样可以确保只在一段时间内的最后一个输入后触发事件。

const inputElement = document.getElementById("myInput"); //获取元素
    inputElement.addEventListener("input", handleInput); //绑定事件
    let timer = null; //计时器

    function handleInput(event) {
      clearTimeout(timer);
      timer = setTimeout(() => {
        // 在这里执行输入事件的处理逻辑
        console.log(event.target.value);
      }, 500); // 设置延迟时间（毫秒)
    }

在上面的示例中，计时器将在用户停止输入 500 毫秒后触发输入事件的处理程序。如果在这段时间内用户继续输入，计时器会被重置，因此事件处理程序只会在最后一次输入后触发。