Come posso ottenere jquery .val () DOPO un evento di pressione dei tasti?

Ho ottenuto:

$(someTextInputField).keypress(function() {
  alert($(this).val());
});

Ora l'avviso restituisce sempre il valore PRIMA della pressione del tasto (es. Il campo è vuoto, digito "a" e l'avviso mi dà "". Quindi digito "b" e l'avviso mi dà "a" ...). Ma voglio il valore DOPO la pressione del tasto - come posso farlo?

Sfondo: vorrei abilitare un pulsante non appena il campo di testo contiene almeno un carattere. Quindi eseguo questo test su ogni evento di pressione dei tasti, ma usando il val () restituito il risultato è sempre un passo indietro. L'utilizzo dell'evento change () non è un'opzione per me perché quindi il pulsante è disabilitato fino a quando non esci dalla casella di testo. Se c'è un modo migliore per farlo, sono felice di sentirlo!

Cambia keypressin keyup:

$(someTextInputField).on("keyup", function() {
  alert($(this).val());
});

keypressviene attivato quando il tasto viene premuto, keyupviene attivato quando il tasto viene rilasciato.

Sorpreso dal fatto che nessuno abbia menzionato l'evento "input" js:

$(someTextInputField).on('input', function() {
  alert($(this).val());
});

Consigliato.

https://developer.mozilla.org/en-US/docs/Web/Events/input

invece di premere il tasto, usa keyup .

In alternativa, puoi utilizzare l'evento keydown con un timeout pari a 0.

In questo modo, le modifiche verranno applicate immediatamente, invece di essere applicate quando l'utente smette di tenere premuto il tasto.

$(someTextInputField).on("keydown", function() {
  setTimeout(function($elem){
    alert($elem.val());
  }, 0, $(this));
});

Potresti voler collegare un onchangegestore di eventi invece di utilizzare uno qualsiasi degli eventi chiave.

$(someTextInputField).change(function() {
    alert($(this).val());
});

Utilizzando Edit > Pasteo un clic con il pulsante destro del mouse e poi Incolla, verrà attivato un evento di modifica, ma non un evento chiave. Nota che alcuni browser potrebbero simulare un evento chiave su una pasta (anche se non ne conosco nessuno) ma non puoi contare su quel comportamento.

Prova qualcosa di simile:

$('#someField').keypress(function() {
  setTimeout(function() {
    if ($('#someField').val().length > 0)
      $('#theButton').attr('disabled', false);
  }, 1);
});

Ciò introduce semplicemente un timeout in modo che al termine del ciclo di eventi di "pressione del tasto", il codice verrà eseguito quasi immediatamente dopo. Un intervallo di tempo così breve (anche se arrotondato per eccesso dal browser) non sarà visibile.

modifica - o si potrebbe usare "KeyUp" come tutti gli altri, dice, anche se la sua semantica sono diversi.