Question

Very quick question – I’m writing a basic script which updates a table based on what’s in a textarea. Once this has been updated, I display a little jGrowl message informing the user that the information has indeed been updated.

But I’m wondering, what if they’re on the page, and don’t click off that textarea (so onchange doesn’t trigger, nor does blur etc etc) before they close the page? Is there anyway of triggering this event purely when there’s a delay in typing?

Many thanks!

Answer 1

You could do something like this below

//setup before functions
    var timer1;                //timer identifier
    var waitTime = 5000;  //time in ms, 5 second for example

    //on keyup, start the countdown
    $('input').keyup(function(){
        timer1 = setTimeout(doneTyping, waitTime);
    });

    //on keydown, clear the countdown 
    $('input').keydown(function(){
        clearTimeout(timer1);
    });

    //user is "finished typing," do something
    function doneTyping () {
        //do something
    }