jQuery Keypress Event

Question

I'm dealing with two text box - using jQuery I want that every time the user updates the value in the first box , the same value will apear in the second box.

<input type="text" class="pack"/ > <input type="text" class="pack2"/> $(".pack").keypress(function(){ $(".pack2").val($(this).val()); });

The problem is that if I type a letter in "pack" , it won't appear in "pack2" right away - I'll have to type another letter, and then the first letter will appear in pack2

You can check the fiddle - http://jsfiddle.net/itamarperetz/jGXyA/

What can I so pack2 will be updated right away?

Any suggestion will be helpful, Thanks in advance

Richard · Accepted Answer · 2012-08-09 11:09:22Z

Try changing the keypress event to keyup.

$(".pack").keyup(function() { $(".pack2").val($(this).val()); });

jsFiddle demo

Pieter · Accepted Answer · 2012-08-09 11:09:34Z

That's because keypress is fired before the character is actually added to the input-field. Try using keyup instead, which is fired after the character is added to the input-field.

Undefined · Accepted Answer · 2012-08-09 11:10:20Z

Check out this working answer.

You should use keyup rather than keypress.

Check out the API here.

Mahmoud Abdelaziz · Accepted Answer · 2012-08-09 11:10:30Z

1

Use keyup event

$(".pack").keyup(function(){ $(".pack2").val($(".pack").val()); });

answered Aug 9, 2012 at 11:10

Mahmoud Abdelaziz

1171 gold badge1 silver badge9 bronze badges

Collectives™ on Stack Overflow

jQuery Keypress Event

4 Answers 4

jsFiddle demo

Comments

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Related