javascript - 同步 2 个输入字段，可以使用 jQuery 完成吗？

Question

当输入 A 被修改时，jQuery 能否将一个输入字段的文本同步或复制到另一个输入字段？例如:

<input id="input_A" type="text" /> ...If I type something here

<input id="input_B" type="text" /> ... It will be copied here

jQuery 可以做到吗？

Answer 1

试试这个:

$("#input_A").bind("keyup paste", function() {
    $("#input_B").val($(this).val());
});

对于 jQuery 1.7+ 使用 on:

$("#input_A").on("keyup paste", function() {
    $("#input_B").val($(this).val());
});

Example fiddle

– 2017 年 8 月更新 –

The input event is now well supported ，因此您可以使用它来代替组合 keyup 和 paste 事件:

$("#input_A").on("input", function() {
  $("#input_B").val(this.value);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="input_A" type="text" />
<input id="input_B" type="text" />