Question

I have a input field as filter. At every keyup he calls a function to post the input.val() to display the result in a table, this works fine. but if i’m typing a name “stackoverflow” he will post 13 times. I want that if he’s getting no input for 3 sec that he posts.

I thought that there was a function for (not a default function). And I do not want to auto-complete.

HTML:

<input type="text" id="filter" />

JavaScript:

$(document).ready(function(){
    $("#filter").keyup(function(){
        console.log('POST');
    });
 });

jsfiddle

I don’t wants a delay, because that will only “delays” it.

Answer 1

Check out the jQuery throttle / debounce plugin

It does exactly what you want

$('input').keyup($.debounce(3000, function() { /* Post comes here */ }));