如何一个接一个地添加字符到输入字段，而不是在javascript中使用sth.value() = sth

How to append character to input field one by one instead of using sth.value() = sth in javascript?

本文关键字：sth javascript value 输入 何一个 一个 字符 添加 字段      更新时间：2023-09-26

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

我知道这个方法可以由inputfiledB.value() == inputfieldA.value()完成，但我不想那样。我想要实时效果，比如当我在输入字段A中输入"z"时，同时输入字段B也有"z"。有人能帮我一下吗?我真的很感激。谢谢你。

如果您只想在输入时这样做(与所有形式的编辑相比，包括通过编辑菜单或拖放)，那么在每次击键时向第一个输入添加keyup事件处理程序，以更新第二个输入。

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

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>

这样应该可以。

<input type="text" id="inputfieldA" onkeyup="syncfield()"></input>
<input type="text" id="inputfieldB"></input>
<script>
function syncfield() {
  var x = document.getElementById("inputfieldA").value;
  document.getElementById("inputfieldB").value = x;
}
</script>
相关文章：