JQuery how to add the last typed character

Question

I made this code:

$('.change').keydown(function(){ var value = $(this).val(); var id = $(this).attr('id'); $('.'+id).text(value); }); 

It works great with 1 flaw. When I write something, it does not update my last inserted character. Therefore, when I start typing in “Test case”, the div is populated in order, although it stops at “Test cas”. As you can see, I am missing the last character.

How can I do this to add the last character?

Answer 1

you should use the event keyword, not keydown.

Then it should work.

Answer 2

Change the event to keyup , this will work ...

 $('.change').keyup(function(){ var value = $(this).val(); var id = $(this).attr('id'); $('.'+id).text(value); }); 

Fiddle: http://jsfiddle.net/RYh7U/84/