javascript - Javascript で 2 つのボックスに入力するにはどうすればよいですか

Question

そのため、入力したいテキスト入力ボックスがあり、入力すると、ページ上の別の入力ボックスに転送されます。

私が探しているサンプルの JS Fiddle をセットアップしました。最初のボックスに入力したテキストを、ページの別のボックスまたは 2 つのボックスに転送したい

ここにjsfiddleがあります

jsfiddle.net/8PrhJ/

だから私はまだそこにJavaScriptを持っていません。しかし、送信ボタンなしでこれを行うことはできますか

Answer 1

jQueryを使えば簡単です

$('#input1').on('keyup', function() {
    $('#input2').val(this.value);
});

プレーン JS:

(function() {
    var input1   = document.getElementById('input1'),
        input2   = document.getElementById('input2'),
        callback = function () {
            input2.value = this.value;
        };

    if (input1.addEventListener) {
        input1.addEventListener('keyup', callback);
    } else {
        input1.attachEvent('onkeyup', callback);
    }
}());

デモ: http://jsfiddle.net/seancannon/7TL5P/