Detectando alteração de valor da entrada [type = text] no jQuery

Quero executar uma função sempre que o valor de uma caixa de entrada específica for alterado. É quase funciona com $('input').keyup(function), mas nada acontece quando colar texto na caixa, por exemplo. $input.change(function)só é acionado quando a entrada está embaçada, então como eu saberia imediatamente sempre que uma caixa de texto alterasse o valor?

apenas lembre-se de que 'on' é recomendado sobre a função 'bind'; portanto, tente sempre usar um ouvinte de eventos como este:

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

Descrição

Você pode fazer isso usando o .bind()método jQuery . Confira o jsFiddle .

Amostra

Html

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

jQuery

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

Mais Informações

• Demonstração jsFiddle
• jQuery.bind ()

Tente isso .. créditos para https://stackoverflow.com/users/1169519/teemu

por responder minha pergunta aqui: /programming/24651811/jquery-keyup-doesnt-work-with-keycode-filtering?noredirect=1#comment38213480_24651811

Essa solução me ajudou a progredir no meu projeto.

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

   // Do your thing here.
});

Nota: propertychange para versões inferiores do IE.

você também pode usar eventos de caixa 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);
}

Tente isto

Tente o seguinte:

Basicamente, considere apenas 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());
});

selecione para sugestão do navegador

Tente o seguinte:

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

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

Ele lida com todas as maneiras de alterar a entrada, incluindo o menu de conteúdo (Usando o mouse)

Essa combinação de eventos funcionou para mim:

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

NÃO SE ESQUEÇA DO cutou selecteventos!

A resposta aceita é quase perfeita, mas esquece os eventos cute select.

cut é acionado quando o usuário corta o texto (CTRL + X ou com o botão direito do mouse)

select é acionado quando o usuário seleciona uma opção sugerida pelo navegador

Você deve adicioná-los também, como tal:

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