Javascript TextBox input value is not updating

Question

My requirement is on a keypress I need to get the value of the particular textbox. But the problem is when I press the first letter am getting a blank output. on second keypress am getting the first letter which I have entered in the textbox. Form here on Its getting a one step delay. Is am missing anything.

 <script>
     document.addEventListener('keypress',function(e){
           var keycode = e.keyCode || e.which;
           if(document.activeElement.id == 'k_id_234'){
                console.log(document.getElementById('k_id_234').value);

           }
     });
   </script>
<input type="text" id="k_id_234">

Text Box : h    console :     // empty
Text Box : he   console : h   //only first letter
.... 
......

Community · Accepted Answer · 2017-05-23 11:58:30Z

5

Use keyup event instead

document.addEventListener('keyup', function (e) {
    var keycode = e.keyCode || e.which;
    if (document.activeElement.id == 'k_id_234') {
        console.log(document.getElementById('k_id_234').value);

    }
});

Demo: Fiddle

jQuery get input value after keypress

Another option is the input event

edited May 23, 2017 at 11:58

CommunityBot

11 silver badge

answered May 8, 2015 at 5:56

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Sunil Kumar Over a year ago

Supporting the answer by @Arun - # keyup(): Event fired when a key is released on the keyboard. # keydown(): Event fired when a key is pressed on the keyboard. # keypress:() Event fired when a key is pressed on the keyboard. In case if you press any special key, browser will fire only keydown() event but not keypress() event.

Collectives™ on Stack Overflow

Javascript TextBox input value is not updating

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related