HTML防抖

掉落的牙

已于 2022-04-08 08:28:37 修改

阅读量336

点赞数

文章标签： python

于 2022-04-08 08:26:14 首次发布

本文链接：https://blog.csdn.net/bpluoxong/article/details/124032204

版权

<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title></title>
    </head>
    <body>
        <input type="text" id="debounce">
        <script>
            /* document.getElementById('debounce').oninput = function(){
        console.log('执行了模糊查询');
    } */
 
            var processor = {
                timeoutId: null,
                performProcessing: function() {
                    console.log('发送模糊查询请求');
                },
                 process:function(){
                    
                    clearTimeout(this.timeoutId)
                    this.timeoutId = setTimeout(()=>{
                        this.performProcessing()
                    },300)
                } 
                /*这个是错误的this指向出现问题 process:()=>{
                    console.log(this);
                    clearTimeout(this.timeoutId)
                    this.timeoutId = setTimeout(()=>{
                        this.performProcessing()
                    },300)
                } */
            }
            document.getElementById('debounce').oninput = function(){
                processor.process()
            }
        </script>
    </body>
</html>