Rilevamento della modifica del valore dell'input [tipo = testo] in jQuery

Voglio eseguire una funzione ogni volta che cambia il valore di una specifica casella di input. Funziona quasi con $('input').keyup(function), ma non accade nulla quando si incolla il testo nella casella, ad esempio. $input.change(function)si attiva solo quando l'input è sfocato, quindi come faccio a sapere immediatamente ogni volta che una casella di testo ha cambiato valore?

ricorda solo che 'on' è raccomandato sulla funzione 'bind', quindi cerca sempre di usare un listener di eventi come questo:

$("#myTextBox").on("change paste keyup", function() {
   alert($(this).val()); 
});

Descrizione

Puoi farlo usando il .bind()metodo di jQuery . Dai un'occhiata al jsFiddle .

Campione

html

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

jQuery

$("#myTextBox").bind("change paste keyup", function() {
   alert($(this).val()); 
});

Maggiori informazioni

• Dimostrazione jsFiddle
• jQuery.bind ()

Prova questo .. crediti a https://stackoverflow.com/users/1169519/teemu

per aver risposto alla mia domanda qui: /programming/24651811/jquery-keyup-doesnt-work-with-keycode-filtering?noredirect=1#comment38213480_24651811

Questa soluzione mi ha aiutato a progredire nel mio progetto.

$("#your_textbox").on("input propertychange",function(){

   // Do your thing here.
});

Nota: cambio di proprietà per le versioni precedenti di IE.

puoi anche utilizzare gli eventi della casella di testo -

<input id="txt1" type="text" onchange="SetDefault($(this).val());" onkeyup="this.onchange();" onpaste="this.onchange();" oninput="this.onchange();">

function SetDefault(Text){
  alert(Text);
}

Prova questo

Prova questo:

Fondamentalmente, basta tenere conto di ogni evento:

html:

<input id = "textbox" type = "text">

jquery:

$("#textbox").keyup(function() { 
    alert($(this).val());  
}); 

$("#textbox").change(function() { 
alert($(this).val());  
}); 

$("#myTextBox").on("change paste keyup select", function() {
     alert($(this).val());
});

selezionare per il suggerimento del browser

Prova questo:

$("input").bind({
            paste : function(){
                $('#eventresult').text('paste behaviour detected!');
            }
})

Usa questo: https://github.com/gilamran/JQuery-Plugin-AnyChange

Gestisce tutti i modi per modificare l'input, incluso il menu del contenuto (Uso del mouse)

Questa combinazione di eventi ha funzionato per me:

$("#myTextBox").on("input paste", function() {
   alert($(this).val()); 
});

NON DIMENTICARE IL cuto selecteventi!

La risposta accettata è quasi perfetta, ma dimentica gli eventi cute select.

cut viene attivato quando l'utente taglia il testo (CTRL + X o con il tasto destro del mouse)

select viene attivato quando l'utente seleziona un'opzione suggerita dal browser

Dovresti anche aggiungerli, come tali:

$("#myTextBox").on("change paste keyup cut select", function() {
   //Do your function 
});