如何使用Javascript键入2个框

时间:2013-10-04 18:25:29

标签: javascript html

所以,我有一个文本输入框,我想输入,当我输入时,它会转移到页面上的另一个输入框。

我设置了一个JS小提琴,以寻找我正在寻找的样本。我希望您在第一个框中输入的文本,转移到页面上的另一个框或两个框

这里是jsfiddle

jsfiddle.net/8PrhJ /

所以我还没有任何javascript。但我可以在没有提交按钮的情况下这样做吗

1 个答案:

答案 0 :(得分:2)

使用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/