input输入框延时防抖

最新推荐文章于 2024-08-22 11:09:58 发布

图图小淘气_real

最新推荐文章于 2024-08-22 11:09:58 发布

阅读量1.6k

点赞数 2

分类专栏：前端

本文链接：https://blog.csdn.net/qq_41995919/article/details/111228670

版权

前端专栏收录该内容

74 篇文章 0 订阅

订阅专栏

    <body>
        <div class="firstBox">
            <div class="box">
                <div class="btn"></div>
                <input type="text" id="cph" value="" />
            </div>
            <div class="content">
            </div>
        </div>
    </body>
    <script type="text/javascript">
        var oInp = document.getElementById("cph");

        oInp.oninput = debounce(ajax, 1000);

        function debounce(handler, delay) {
            var timer = null;
            // 返回函数引用
            return function() {
                var _self = this;
                var _args = arguments;
                clearTimeout(timer);
                timer = setTimeout(function() {
                    /*改变handler的this指向。
                     * handler的this指向当前返回的函数引用，例如：oInp.oninput = debounce(ajax, 1000);
                     * 此时this就是指向oInp.oninput了
                     */
                    handler.apply(_self, _args);
                }, delay);
            }
        }

        function ajax(e) {
            console.log(e + " " + this.value);
        }
    </script>