On the de-dithering of js function

The

page is simple, just an input box 

<input type="text" v-model="keyword" @keyup="search($event)">

js: 

methods:{
    //
    search:function(e){
        var timer;
        if(e.keyCode != 32){ //
            clearTimeout(timer);
            timer = setTimeout(()=>{
                console.log("");
            }, 1000)
        }
    }
}

when I typed "123", I printed it three times

clipboard.png

what I want:
when I typed "123", I printed it once

Node.js html5 html css javascript
Mar.28,2021

var timer; is defined outside the search. If a new timer is not defined every time it is triggered, it will not be the handle of the last settime

because your timer is redeclared every time you click. Just put the timer declaration outside 

search:function(e){
        var timer; // timer,clearTimeouttimeundefined
        if(e.keyCode != 32){ //
            clearTimeout(timer);
            timer = setTimeout(()=>{
                console.log("");
            }, 1000)
        }
    }
.

Previous: Mysql suddenly hung up, failed to restart, asked for help

Next: How to move a child node to a parent node by d3.js

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu