jQuery：.keypress（）中另一个字段中字段的显示值不显示

Question

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

当我在字段1中插入第一个字母时，例如“G”字段2中没有任何内容。 但是当我插入例如“Go”的第二个字母时，在字段2中仅显示字母“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);
    });

获得所需的结果

检查小提琴here

编辑：仅供参考

它总是不想使用keypress事件，因为任何官方规范都没有涵盖此事件，其行为因浏览器，浏览器版本和平台而异。

Answer 2

请尝试键盘事件

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