如何使用 javascript 输入 2 个框

How Do I type in 2 Boxes With Javascript

本文关键字：个框 输入 javascript 何使用      更新时间：2023-09-26

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

我

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

这是JSFIDDLE

jsfiddle.net/8PrhJ/

所以我那里还没有任何JavaScript。 但是我可以在没有提交按钮的情况下执行此操作吗

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

相关文章：