Detección de cambio de valor de entrada [tipo = texto] en jQuery

Quiero ejecutar una función cada vez que cambie el valor de un cuadro de entrada específico. Es casi trabaja con $('input').keyup(function), pero no pasa nada al pegar texto en el cuadro, por ejemplo. $input.change(function)solo se activa cuando la entrada está borrosa, entonces, ¿cómo podría saber de inmediato cada vez que un cuadro de texto ha cambiado de valor?

solo recuerde que 'on' se recomienda sobre la función 'bind', así que siempre trate de usar un detector de eventos como este:

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

Descripción

Puede hacer esto usando el .bind()método de jQuery . Mira el jsFiddle .

Muestra

HTML

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

jQuery

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

Más información

• jsFiddle Demostración
• jQuery.bind ()

Pruebe esto ... créditos a https://stackoverflow.com/users/1169519/teemu

por responder mi pregunta aquí: /programming/24651811/jquery-keyup-doesnt-work-with-keycode-filtering?noredirect=1#comment38213480_24651811

Esta solución me ayudó a progresar en mi proyecto.

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

   // Do your thing here.
});

Nota: cambio de propiedad para versiones inferiores de IE.

también puedes usar eventos de cuadro de texto -

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

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

Prueba esto

Prueba esto:

Básicamente, solo cuenta para cada 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());
});

seleccione para sugerencia del navegador

Prueba esto:

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

Use esto: https://github.com/gilamran/JQuery-Plugin-AnyChange

Maneja todas las formas de cambiar la entrada, incluido el menú de contenido (Usando el mouse)

Esta combinación de eventos funcionó para mí:

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

NO OLVIDE LA cuto selecteventos!

La respuesta aceptada es casi perfecta, pero olvida los eventos cuty select.

cut se dispara cuando el usuario corta el texto (CTRL + X o mediante clic derecho)

select se activa cuando el usuario selecciona una opción sugerida por el navegador

También debe agregarlos, como tal:

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