Detectar cuadro de texto de entrada modificado

He examinado muchas otras preguntas y he encontrado respuestas muy simples, incluido el código a continuación. Simplemente quiero detectar cuándo alguien cambia el contenido de un cuadro de texto, pero por alguna razón no funciona ... No obtengo errores de consola. Cuando establezco un punto de interrupción en el navegador en la change()función, nunca lo alcanza.

$('#inputDatabaseName').change(function () { 
    alert('test'); 
});

<input id="inputDatabaseName">

Puede usar el inputevento Javascript en jQuery así:

$('#inputDatabaseName').on('input',function(e){
    alert('Changed!')
});

En JavaScript puro:

document.querySelector("input").addEventListener("change",function () {
  alert("Input Changed");
})

O así:

<input id="inputDatabaseName" onchange="youFunction();"
onkeyup="this.onchange();" onpaste="this.onchange();" oninput="this.onchange();"/>

pruebe keyup en lugar de cambiar.

<script type="text/javascript">
   $(document).ready(function () {
       $('#inputDatabaseName').keyup(function () { alert('test'); });
   });
</script>

Aquí está la documentación oficial de jQuery para .keyup () .

A cada respuesta le faltan algunos puntos, así que aquí está mi solución:

$("#input").on("input", function(e) {
  var input = $(this);
  var val = input.val();

  if (input.data("lastval") != val) {
    input.data("lastval", val);

    //your change action goes here 
    console.log(val);
  }

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="input">
<p>Try to drag the letters and copy paste</p>

Los Input Eventincendios en la entrada del teclado , el arrastre del mouse , el autocompletado y el copiar y pegar se probaron en Chrome y Firefox. Verificar el valor anterior hace que detecte cambios reales, lo que significa no disparar al pegar lo mismo o al escribir el mismo carácter, etc.

Ejemplo de trabajo: http://jsfiddle.net/g6pcp/473/

actualizar:

Y si desea ejecutar su change function solo cuando el usuario termina de escribir y evita disparar la acción de cambio varias veces, puede intentar esto:

var timerid;
$("#input").on("input", function(e) {
  var value = $(this).val();
  if ($(this).data("lastval") != value) {

    $(this).data("lastval", value);
    clearTimeout(timerid);

    timerid = setTimeout(function() {
      //your change action goes here 
      console.log(value);
    }, 500);
  };
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="input">

Si el usuario comienza a escribir (por ejemplo, "foobar"), este código evita change actionque se ejecute para cada letra que escribe el usuario y solo se ejecuta cuando el usuario deja de escribir, esto es especialmente útil cuando envía la entrada al servidor (por ejemplo, buscar entradas), que servidor de manera que lo hace sólo una búsqueda de foobary no seis búsquedas para fy luego foy luego fooy foobetcétera.

Las entradas de texto no activan el changeevento hasta que pierden el foco. Haga clic fuera de la entrada y se mostrará la alerta.

Si la devolución de llamada se dispara antes de que la entrada de texto pierda el foco, use el .keyup()evento.

onkeyup, onpaste, onchange, oninputparece estar fallando cuando el navegador realiza el autocompletado en los cuadros de texto. Para manejar este caso, incluya " autocomplete='off'" en su campo de texto para evitar que el navegador complete automáticamente el cuadro de texto,

P.ej,

<input id="inputDatabaseName" autocomplete='off' onchange="check();"
 onkeyup="this.onchange();" onpaste="this.onchange();" oninput="this.onchange();" />

<script>
     function check(){
          alert("Input box changed");
          // Things to do when the textbox changes
     }
</script>

En mi caso, tenía un cuadro de texto adjunto a un selector de fechas. La única solución que funcionó para mí fue manejarlo dentro del evento onSelect del selector de fechas.

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

$("#bookdate").datepicker({            
     onSelect: function (selected) {
         //handle change event here
     }
});

Creo que también puedes usar keydown:

$('#fieldID').on('keydown', function (e) {
  //console.log(e.which);
  if (e.which === 8) {
    //do something when pressing delete
    return true;
  } else {
    //do something else
    return false;
  }
});

TRABAJANDO:

$("#ContentPlaceHolder1_txtNombre").keyup(function () {
    var txt = $(this).val();
        $('.column').each(function () {
            $(this).show();
            if ($(this).text().toUpperCase().indexOf(txt.toUpperCase()) == -1) {
                $(this).hide();
            }
        });
    //}
});