Javascript - 在每个按键时从文本框中获取值

Question

I have a textbox and I want to use the data in it every time something is entered; letter by letter.

What is happening is that when a value is entered, the Javascript is being executed before the value is actually put into the textbox, meaning that it always lags one character behind.

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

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

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

Here's whats happening:

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

Whereas I want it to happen dynamically; ie when I enter "w" I want the alert to contain "w" immediately after.

Answer 1

keypress happens before the change, yes. keyup happens after. Listen to that instead.

Answer 2

你应该尝试keyup事件，因为keypress在文本框中输入符号之前发生

Answer 3

use keyup

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

Answer 4

Use keyup to read the valid after something has been entered. Here's how to do it with jQuery:

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

Demo

Answer 5

Use the keyup event instead -:

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

Answer 6

Use keyup instead, take a look at this:

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

Answer 7

use keyup instead that will work

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

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

Answer 8

Try using 'keyup' event instead of 'keypress'.

Change to:

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

Working plunk .