如何將字符逐個添加到輸入字段而不是在javascript中使用sth.value（）= sth？

假設我有兩個輸入字段，輸入字段A和輸入字段B.我想輸入輸入字段A，但同時輸入字段A中的值也會進入輸入字段B.如何將字符逐個添加到輸入字段而不是在javascript中使用sth.value（）= sth？

我知道這種方法可以通過inputfiledB.value() == inputfieldA.value()完成，但我不希望這樣。我想要實時效果，就像在輸入字段A中鍵入「z」時一樣，同時輸入字段B也具有「z」。誰能幫我這個？對此，我真的非常感激。謝謝。

來源

2016-09-19 Phea

at'keydown'event at A，add that keystroke to input B value –

如果你只是想這樣做響應打字（相比於所有形式的編輯，包括通過編輯菜單或拖放的），然後添加一個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>

來源

2016-09-19 03:59:19 nnnnnn

謝謝你的回答。讓我加上我的問題，比如說，只要輸入字段A接收到「蘋果」，輸入字段B也會接收到「蘋果」，但是接下來我想輸入字段B開始輸入。有沒有可能的方法來做到這一點？ – Phea

「火入」是什麼意思？那麼它將如何知道何時這樣做，你想專門查找「蘋果」這個詞，還是你有一個你正在尋找的其他詞的列表，或者......？ – nnnnnn

這樣的事情應該工作。

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

來源

2016-09-19 04:08:21 jconra

謝謝你的回答:) – Phea

如何將字符逐個添加到輸入字段而不是在javascript中使用sth.value（）= sth？

回答

相關問題