javascript - 如何在javascript中将字符一一附加到输入字段而不是使用sth.value() = sth？

Question

假设我有两个输入字段，输入字段 A 和输入字段 B。我想在输入字段 A 中输入内容，但同时输入字段 A 中的值也会进入输入字段 B。

我知道这个方法可以通过 inputfiledB.value() == inputfieldA.value() 来完成，但我不想要那样。我想要实时效果，就像我在输入字段 A 中输入“z”时一样，同时输入字段 B 也有“z”。谁能帮我这个？对此，我真的非常感激。谢谢。

Answer 1

如果您只想响应键入(与所有形式的编辑相比，包括通过“编辑”菜单或拖放)，则添加 keyup event第一个输入的处理程序在每次击键时更新第二个输入。

或者，使用 input event处理程序应该涵盖您的编辑菜单和拖放更改以及键入:

document.getElementById("a").addEventListener("input", function() {
  document.getElementById("b").value = this.value;
});

label { display: block; margin-bottom: 4px; }

<label>Field A: <input id="a"></label>
<label>Field B: <input id="b"></label>