jQuery Ascolta tutte le modifiche di input di testo

Question

Ho un elemento di input all'interno di un modulo che vorrei poter estrarre il suo valore quando il valore cambia. Dai un'occhiata a questo Fiddle: http://jsfiddle.net/spryno724/WaBzW/1/.

Utilizzando l'evento change, sono in grado di visualizzare il valore dall'input di testo quando l'input perde lo stato attivo. Tuttavia, il valore non viene aggiornato quando il modulo viene ripristinato o quando JavaScript cancella il valore del testo immesso.

C'è un evento specifico che posso ascoltare per il quale verrà inviato quando qualsiasi cambiamento è fatto ad un controllo di input di testo?

Vorrei evitare il lavoro, come ascoltare quando si ripristina il modulo o quando si preme il pulsante di cancellazione. Questo è un esempio semplificato di ciò che fa la mia applicazione, e diventerà pazzesco abbastanza velocemente se provo a fare tutto questo.

Grazie per il vostro tempo.

Answer 1

Questa domanda è un duplicato esatto di un'altra. Vedi la risposta con il maggior numero di up-voti come la risposta alla mia domanda:

JS Events: hooking on value change event on text inputs

Answer 2

$(document).ready(function() { 
    $('input.clear').click(function() { 
     $('input.input').val(''); 
     $('p.display').text('The value of the text input is: '); 
    }); 

    $('input.input').on('keyup change', function() { 
     $('p.display').text('The value of the text input is: ' + $(this).val()); 
    }); 
})​ 

DEMO 1

Probabilmente questa soluzione può aiutare:

$(document).ready(function() { 
    $('input.clear, input[type=reset]').on('click', function() { 
     $('input.input').val('').change(); 
     $('p.display').text('The value of the text input is: '); 
    }); 

    $('input.input').on('keyup change', function() { 
     $('p.display').text('The value of the text input is: ' + $(this).val()); 
    }); 
});​ 

DEMO 2

Answer 3

Prova

$('#input').live('change',function() {   }) 

Answer 4

Override val metodo di jQuery

HTML

<input id='myInput' name='myInputField' value='v1'>

JS

var myInput = $('#myInput'); 

//this will not trigger the change event 
myInput.val('v2'); 

//override val method 
var oldVal = myInput.val; 
myInput.val = function(value){ 
    var returnVal = oldVal.call(this,value); 
    myInput.change(); 
    return returnVal; 
} 

// this will trigger the change event 
// myInput.val is overridden 
myInput.val('v3'); 

NOTA questo funziona solo se il metodo val viene chiamato dal myInput variabile