javascript - 如何使用 Javascript 输入 2 个框

Question

已关闭。此问题不符合 Stack Overflow guidelines 。目前不接受答案。

---

要求提供代码的问题必须表现出对所解决问题的最低限度的了解。包括尝试的解决方案、为什么它们不起作用以及预期结果。另请参阅:Stack Overflow question checklist

已关闭 9 年前。

Improve this question

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

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

这是 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/