¿Detecta el cambio de entrada en jQuery?

Cuando se usa jquery .changeen un inputevento, solo se disparará cuando la entrada pierda el foco

En mi caso, necesito hacer una llamada al servicio (verificar si el valor es válido) tan pronto como se cambie el valor de entrada. ¿Cómo podría lograr esto?

ACTUALIZADO para aclaraciones y ejemplos

ejemplos: http://jsfiddle.net/pxfunc/5kpeJ/

Método 1. inputevento

En los navegadores modernos, use el inputevento. Este evento se disparará cuando el usuario esté escribiendo en un campo de texto, pegando, deshaciendo, básicamente en cualquier momento que el valor cambie de un valor a otro.

En jQuery haz eso así

$('#someInput').bind('input', function() { 
    $(this).val() // get the current value of the input field.
});

comenzando con jQuery 1.7, reemplace bindcon on:

$('#someInput').on('input', function() { 
    $(this).val() // get the current value of the input field.
});

Método 2. keyupevento

Para navegadores más antiguos, use el keyupevento (esto se disparará una vez que se haya soltado una tecla del teclado, este evento puede dar una especie de falso positivo porque cuando se libera "w" el valor de entrada cambia y el keyupevento se dispara, pero también cuando Se suelta la tecla "shift" cuando se keyupdispara el evento pero no se ha realizado ningún cambio en la entrada). Además, este método no se activa si el usuario hace clic derecho y pega desde el menú contextual:

$('#someInput').keyup(function() {
    $(this).val() // get the current value of the input field.
});

Método 3. Temporizador ( setIntervalo setTimeout)

Para evitar las limitaciones keyup, puede configurar un temporizador para verificar periódicamente el valor de la entrada para determinar un cambio en el valor. Puede usar setIntervalo setTimeoutpara hacer esta verificación del temporizador. Vea la respuesta marcada en esta pregunta SO: evento de cambio de cuadro de texto jQuery o vea el violín para ver un ejemplo de trabajo usando focusy blureventos para iniciar y detener el temporizador para un campo de entrada específico

Si tienes HTML5:

• oninput (se activa solo cuando se produce un cambio, pero lo hace de inmediato)

De lo contrario, debe verificar todos estos eventos que podrían indicar un cambio en el valor del elemento de entrada:

• onchange
• onkeyup( no keydown o keypressya que el valor de la entrada todavía no tendrá la nueva pulsación de tecla)
• onpaste (cuando sea compatible)

y tal vez:

• onmouseup (No estoy seguro de esto)

Con HTML5 y sin usar jQuery, puede usar el inputevento :

var input = document.querySelector('input');

input.addEventListener('input', function()
{
    console.log('input changed to: ', input.value);
});

Esto se disparará cada vez que cambie el texto de la entrada.

Compatible con IE9 + y otros navegadores.

Pruébalo en vivo en un jsFiddle aquí .

Como otros ya sugirieron, la solución en su caso es detectar múltiples eventos .
Los complementos que realizan este trabajo a menudo escuchan los siguientes eventos:

$ input.on ('cambiar tecla presionada presionar tecla presionar mouseup hacer clic mouseup', controlador);. on ( 'cambiar tecla presionada tecla presionar tecla arriba mousedown clic mouseup' , manejador );

Si usted piensa que puede encajar, puede agregar focus, blury otros eventos también.
Sugiero no exceder en los eventos para escuchar, ya que carga en la memoria del navegador más procedimientos para ejecutar de acuerdo con el comportamiento del usuario.

Atención: tenga en cuenta que cambiar el valor de un elemento de entrada con JavaScript (por ejemplo, mediante el .val()método jQuery ) no activará ninguno de los eventos anteriores.
(Referencia: https://api.jquery.com/change/ ).

Si desea que se active el evento cada vez que se cambia algo dentro del elemento, puede usar el evento keyup .

// .blur se activa cuando el elemento pierde el foco

$('#target').blur(function() {
  alert($(this).val());
});

// Para disparar manualmente, use:

$('#target').blur();

Hay eventos jQuery como keyup y keypress que puede usar con elementos HTML de entrada. También puede usar el evento blur () .

Esto cubre cada cambio en una entrada usando jQuery 1.7 y superior:

$(".inputElement").on("input", null, null, callbackFunction);