JavaScript - uzyskaj wartość z pola tekstowego przy każdym naciśnięciu klawisza.

Question

Mam pole tekstowe i chcę używać danych w nim za każdym razem, gdy coś się pojawi; litera po literze.

Co się dzieje, gdy wprowadzana jest wartość, skrypt Javascript jest wykonywany przed wartość jest rzeczywiście umieszczana w polu tekstowym, co oznacza, że ​​zawsze pozostaje w tyle za jednym znakiem.

$(document).ready(
     function() { 
      $('#test').keypress(

      function() { 
      var value = document.getElementById('test').value; 
      alert(value); 
      }); 
     }) 

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

Oto co dzieje:

input alert 
    w "" 
    e "w" 
    a "we" 
    l "wea" 
    t "weal" 
    h "wealt" 

Podczas gdy chcę się zdarzyć dynamicznie; tj. gdy wpisuję "w", chcę, aby alert zawierał "w" natychmiast po tym.

Answer 1

dzieje się przed zmianą, tak. keyup dzieje się po. Zamiast tego posłuchaj.

Answer 2

Należy spróbować keyup zdarzenie, ponieważ keypress dzieje się przed symbolem jest odbieranym w polu tekstowym

Answer 3

użycie keyup

$(document).ready(
    function() { 
     $('#test').keyup(
      function() { 
       var value = document.getElementById('test').value; 
       alert(value); 
      }); 
    }) 

Answer 4

Użyj zdarzenie keyup zamiast -:

  $('#test').keyup( 
      function() { 
      var value = document.getElementById('test').value; 
      alert(value); 
      }); 

Answer 5

Korzystając keyup zamiast tego spójrz na to:

http://jsfiddle.net/gEBc4/1/

Answer 6

Użyj keyup, aby przeczytać prawidłowy po wprowadzeniu czegoś. Oto jak to zrobić z jQuery:

$(document).ready(function() { 
    $('#test').keyup(function() { 
     alert($(this).val()); 
    }); 
}); 

Demo

Answer 7

użycie keyup zamiast że zadziała

$(document).ready(
     function() { 
      $('#test').keyup(

      function() { 
      var value = document.getElementById('test').value; 
      alert(value); 
      }); 
     }) 

Answer 8

Spróbuj użyć 'keyup' zdarzenie zamiast 'naciśnięcie klawisza'.

Zmiana:

$(document).ready(
     function() { 
      $('#test').keyup(
      function() { 
      var value = document.getElementById('test').value; 
      alert(value); 
      }); 
     }); 

Praca plunk.