防抖

防抖

比如在百度搜索时,input事件并不会一直触发,会在你停止输入0.2s左右触发。这就叫事件防抖

下面是简单小实例

<body>
  <input type="text" id="Oinput"/>
</body>


  function fangdou(fn){
    let time = null;
    return function(){
      clearTimeout(time);
      time = setTimeout(()=>{
        fn.apply(this, arguments);
      },200)
    }
  }
  function fn1(){
    console.log(this.value);
  }
  let Oinput = document.getElementById("Oinput");
  Oinput.addEventListener("input",fangdou(fn1))
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页