4

Preciso monitorar a mudança do conteúdo de um campo tipo text, a função que uso é essa:

$(document).ready(function() {

  $("#nome").on("keyup change click focus", function() {
    $(".classenome").val($(this).val());
  });

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>

<input type="text" id="nome" value="">
<input type="text" id="duble" class="classenome" value="">

Tentei todos os eventos acima, quando o usuario digita diretamente no campo "nome" funciona de boa por causa do keyup, mas se ele preenche por aquela lista de histórico que o navegador sugere a função só funciona quando ele sai do campo por causa do evento "change".

Existe algum outro evento que monitore caso o valor/texto seja do historico?

Estou pensando que vou ter que desenvolver um timer pra isso, mas não queria.

2
  • 1
    Testa juntar o evento input.
    – Sergio
    Commented 10/06/2016 às 21:50
  • 1
    Matou é isso mesmo
    – user37466
    Commented 10/06/2016 às 22:24

1 Resposta 1

6

Usa o evento input, testei no Chrome e Firefox agora e funciona quando o Browser faz auto complete.

var input = document.querySelector('input');
input.addEventListener('input', function() {
  console.log('input', this.value);
});

jsFiddle: https://jsfiddle.net/mjn0kskb/

Você deve fazer log-in para responder a esta pergunta.