javascript - 読み取り専用フィールドに自動的に入力される文字列入力

Question

以前に入力したフィールドから別の編集不可能なフィールド javascript に入力をコピーすることは可能ですか? たとえば、2 つの名前フィールドがあるとします。最初のフィールドには名前を入力する必要があります。入力すると、編集できない 2 番目のテキスト フィールドに名前が自動的にコピーされます。私は少し調べてみましたが、この特定の状況に役立つものは何も見つからないようです.JavaScriptをよく知っているので、どんな種類の助けや正しい方向への微調整も素晴らしいでしょう.

Answer 1

keyup入力のリスナーを使用するだけです：

<input type="text" id="input1" />
<input type="text" id="input2" readonly='readonly' />

var $input2 = document.getElementById('input2');
var $input1 = document.getElementById('input1');
$input1.addEventListener('keyup', function()
{
  $input2.value = $input1.value;
});

ここに例があります：フィドル