javascriptでsth.value（）= sthを使用する代わりに、入力フィールドに文字を1つずつ追加する方法はありますか？

Question

私は入力フィールドAと入力フィールドBの2つの入力フィールドを持っているとします。入力フィールドAに入力すると同時に入力フィールドAの値も入力フィールドBに入ります。

私は知っていますこの方法はinputfiledB.value() == inputfieldA.value()によって行うことができますが、私はそれを望んでいません。入力欄Aに「z」と入力すると同時に、入力欄Bにも「z」があるようなリアルタイム効果が欲しい。誰もこれで私を助けることができますか？ほんとうにありがとう。ありがとうございました。

Answer 1

だけ（[編集]メニューまたはドラッグ＆ドロップによるものを含む編集のすべての形態と比較して）を入力ことに応答して、それをしたい場合は、次に、第2の更新を第一の入力に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>

Answer 2

何かが動作するはずです。

<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>