jquery - jQueryキープレスイベント

Question

私は2つのテキストボックスを扱っています-jQueryを使用して、ユーザーが最初のボックスの値を更新するたびに、2番目のボックスに同じ値が表示されるようにします。

&lt;input type="text" class="pack"/ >
&lt;input type="text" class="pack2"/>

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

問題は、「pack」に文字を入力しても、すぐに「pack2」に表示されないことです。別の文字を入力する必要があり、最初の文字が pack2 に表示されます。

pack2 がすぐに更新されるようにするにはどうすればよいですか?

どんな提案も役に立ちます、前もって感謝します

score 2 · Accepted Answer

keypressイベントをに変更してみてくださいkeyup。

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

jsFiddleデモ

score 1 · Accepted Answer

keyup イベントを使用する

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

score 1 · Accepted Answer

これkeypressは、文字が実際に入力フィールドに追加される前に起動されるためです。keyup文字が入力フィールドに追加された後に起動される、代わりに使用してみてください。

score 1 · Accepted Answer

この実用的な答えをチェックしてください。

keyupではなく使用する必要がありますkeypress。

ここで API を確認してください。