jQuery按键事件

jQuery按键事件,jquery,html,css,Jquery,Html,Css,我处理的是两个文本框——使用jQuery,我希望每次用户更新第一个框中的值时,第二个框中都会出现相同的值 ​<input type="text" class="pack"/ > ​<input type="text" class="pack2"/>​​​​​​​​​​​​​​​​​​​​​​​​ ​$(".pack").keypress(function(){ $(".pack2").val($(this).val()); });​​​​​ ​ ​​​​​​​

我处理的是两个文本框——使用jQuery,我希望每次用户更新第一个框中的值时,第二个框中都会出现相同的值

​<input type="text" class="pack"/ >
​<input type="text" class="pack2"/>​​​​​​​​​​​​​​​​​​​​​​​​

​$(".pack").keypress(function(){
    $(".pack2").val($(this).val());
});​​​​​
​
​​​​​​​​​​​​​​​​​​​​​​​​​
​$(“.pack”).按键(功能(){
$(“.pack2”).val($(this.val());
});​​​​​
问题是,如果我在“pack”中键入一个字母,它不会立即出现在“pack2”中-我必须键入另一个字母,然后第一个字母将出现在pack2中

你可以检查小提琴-

我能做些什么,以便立即更新pack2

任何建议都会有帮助,
提前感谢

尝试将
按键
事件更改为
按键

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

尝试将
keypress
事件更改为
keyup

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

这是因为
keypress
是在字符实际添加到输入字段之前触发的。尝试改用
keyup
,它是在字符添加到输入字段后触发的。

这是因为
keypress
是在字符实际添加到输入字段之前触发的。尝试改用
keyup
,它是在字符添加到输入字段后触发的。

检查此项。

您应该使用
keyup
而不是
keypress

查看API。

查看此API。

您应该使用
keyup
而不是
keypress

查看API。

使用keyup事件

$(".pack").keyup(function(){
    $(".pack2").val($(".pack").val());
});​
使用keyup事件

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