Question

I’m doing an Ajax request on keyup or paste. The problem is that when users use Control-V to paste, two ajax requests occur- one for paste, one for keyup.

$("#my-form").bind('keyup paste', function(e) {...}

What’s a good way to bind on either keyup OR paste?

Answer 1

You can use setTimeout/clearTimeout to delay the event, so it only triggers once.

$("#my-form").bind('keyup paste', function(e) {
    clearTimeout($(this).data('timeout'));
    $(this).data('timeout', setTimeout(function(){
        // your code
    }, 200));
});

DEMO: http://jsfiddle.net/4b7y5/