javascript - jQuery:在.keypress()的另一个字段中显示字段的值不显示

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

当我在字段1中插入第一个字母时，例如“ G”，在字段2中没有发生任何反应。
但是，当我插入第二个字母（例如“ Go”）时，在字段2中仅显示字母“ G”。
我尝试了.keypress（）和.keydown（），但是没有成功。任何想法或帮助吗？这是我的代码：

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

最佳答案

使用onkeyup

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

获得所需的结果

检查小提琴here

编辑：仅供参考

它始终喜欢不使用keypress事件，因为任何官方规范都没有涵盖此事件，它的行为在浏览器，浏览器版本和平台之间是不同的。