js ---- 函数防抖

小蔚

发布于 2019-09-11 14:54:18

1K0

发布于 2019-09-11 14:54:18

文章被收录于专栏：小蔚记录

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <input type="" name="">
</body>
<script type="text/javascript">
// 当我们不想 input 每次都触发。  而是  当判断input 在最后一次 的时候在触发；    
    var inp = document.getElementsByTagName('input')[0];
    inp.addEventListener('input',inp1(500));

    function inp1(delay){
        var time = null;
        return function b(){
            var that = this;
            clearTimeout(time);
            time = setTimeout(function(){
                console.log(112233);
            },delay)
        }
    }

1.函数防抖的要点，也是需要一个setTimeout来辅助实现。延迟执行需要跑的代码。 2.如果方法多次触发，则把上次记录的延迟执行代码用clearTimeout清掉，重新开始。 3.如果计时完毕，没有方法进来访问触发，则执行代码

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2018-09-06 ，如有侵权请联系 cloudcommunity@tencent.com 删除

settimeout