Question

I know that the most quick way to inspect a form can be .keyup() or .keydown() but what about if the user copy/pastes some text? Tha event will be missed but the content in the input might have changed.

Also if the user presses (or lets) e.g. the alt key that event will trigger the query (uselessly in my case).

Is there any similar event handler like “text change” but in real time inspection? Like onchange but as a handler.

Answer 1

(function($){
    $.fn.oneinput = function(callback) {        
        function testInput(){ 
            var tb = jQuery(this);
            var currentValue = tb.val();
            if (tb.data("lastInput") !== currentValue ) {
                tb.data("lastInput",currentValue );
                if(callback) { 
                    callback.call(this) 
                };
            }
            return this;
        }    
        $(this).bind("keyup input paste", testInput);
    };
}(jQuery));

$('input').oneinput( function(){ console.log(this.value); });