jQuery：在.keypress（）的另一個字段中顯示字段的值不顯示

Question

我有一個字段1，我想在另一個字段2中顯示此字段1的值。

當我在字段1中插入第一個字母（例如“ G”）時，在字段2中沒有任何反應。但是，當我在字段2中插入第二個字母（例如“ Go”）時，僅顯示字母“ G”。 我嘗試了.keypress（）和.keydown（），但是沒有成功。 任何想法或幫助？ 這是我的代碼：

$("#field1").keypress(function() {
    var val = $("#field1").val().toLowerCase();
    $("#field2").val(val);
    });

Answer 1

使用onkeyup

$("#field1").keyup(function() {
    var val = $("#field1").val().toLowerCase();
    $("#field2").val(val);
    });

獲得所需的結果

在這里檢查小提琴

編輯：僅供參考

它始終喜歡不使用keypress事件，因為任何官方規范都沒有涵蓋此事件，它的行為在瀏覽器，瀏覽器版本和平台之間是不同的。

Answer 2

請嘗試鍵入事件

 $("#field1").keyup(function() {
    var val = $("#field1").val().toLowerCase();
    $("#field2").val(val);
 });