Detectando alterações de entrada no jQuery?

Ao usar jquery .changeem um inputevento, o evento será acionado apenas quando a entrada perder o foco

No meu caso, preciso fazer uma chamada para o serviço (verifique se o valor é válido) assim que o valor de entrada for alterado. Como eu pude fazer isso?

ATUALIZADO para esclarecimentos e exemplo

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

Método 1. inputEvento

Nos navegadores modernos, use o inputevento. Este evento será acionado quando o usuário estiver digitando em um campo de texto, colando, desfazendo, basicamente, sempre que o valor for alterado de um valor para outro.

No jQuery, faça isso assim

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

a partir do jQuery 1.7, substitua bindpor on:

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

Método 2. keyupEvento

Para navegadores mais antigos, use o keyupevento (isso será acionado assim que uma tecla do teclado for liberada), esse evento pode dar um tipo de falso positivo, porque quando "w" é liberado, o valor de entrada é alterado e o keyupevento é acionado, mas também quando o A tecla "shift" é liberada, o keyupevento é disparado, mas nenhuma alteração foi feita na entrada.). Além disso, esse método não é acionado se o usuário clicar e colar com o botão direito do mouse no menu de contexto:

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

Método 3. Temporizador ( setIntervalou setTimeout)

Para contornar as limitações, keyupvocê pode definir um cronômetro para verificar periodicamente o valor da entrada para determinar uma alteração no valor. Você pode usar setIntervalou setTimeoutfazer essa verificação do timer. Consulte a resposta marcada nesta pergunta do SO: evento de alteração da caixa de texto jQuery ou consulte o violino para obter um exemplo de trabalho usando focuse blurevents para iniciar e parar o cronômetro para um campo de entrada específico

Se você possui HTML5:

• oninput (é acionado apenas quando uma alteração realmente acontece, mas ocorre imediatamente)

Caso contrário, você precisará verificar todos esses eventos que possam indicar uma alteração no valor do elemento de entrada:

• onchange
• onkeyup( não keydown ou keypresscomo o valor da entrada ainda não terá o novo pressionamento de tecla)
• onpaste (quando suportado)

e talvez:

• onmouseup (Eu não tenho certeza sobre este)

Com HTML5 e sem usar o jQuery, você pode usar o inputevento :

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

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

Isso será acionado toda vez que o texto da entrada for alterado.

Suportado no IE9 + e em outros navegadores.

Experimente ao vivo em um jsFiddle aqui .

Como outros já sugeriram, a solução no seu caso é cheirar vários eventos .
Os plug-ins que executam esse trabalho geralmente ouvem os seguintes eventos:

$ input.on ('change keydown keypress keyup mousedown click mouseup', manipulador);. on ( 'alterar keydown keypress keyup mousedown clique mouseup' , manipulador );

Se você acha que podem se encaixar, você pode adicionar focus, blure outros eventos também.
Sugiro não exceder nos eventos para escutar, pois ele carrega na memória do navegador procedimentos adicionais a serem executados de acordo com o comportamento do usuário.

Atenção: observe que alterar o valor de um elemento de entrada com JavaScript (por exemplo, através do .val()método jQuery ) não acionará nenhum dos eventos acima.
(Referência: https://api.jquery.com/change/ ).

Se você deseja que o evento seja acionado sempre que algo for alterado dentro do elemento, você poderá usar o evento keyup .

// .blur é acionado quando o elemento perde o foco

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

// Para acionar manualmente, use:

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

Existem eventos jQuery, como keyup e keypress, que você pode usar com a entrada de elementos HTML. Você também pode usar o evento blur () .

Isso abrange todas as alterações em uma entrada usando o jQuery 1.7 e superior:

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