如何使用Javascript在两个框中键入

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

我设置了一个JS提琴，作为我想要的样本。我希望您在第一个框中键入的文本可以转移到页面上的另一个框或两个框中

这是JSFIDLE

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);
    }
}());

---

演示：

对于下面的答案，您甚至可以设置一个类，而不是为每个框使用ID属性，这样您在任何框中键入的文本将显示在具有相同类的其余框中。问题未标记为jQuery，作品中也没有提到jQuery。jQuery并不是世界上所有问题的解决方案。放松，白衣骑士。几乎不值得投反对票，因为从上面的代码可以看出，OP没有提到jQuery并不意味着它不是比vanilla JS更好的答案。出于好奇，为什么要绑定到

keyup

，而不是

keypress

或

input

？使用

keyup

，如果用户持有一个键的时间更长，那么在按下键之前，这些值不会重复。也许，但是如果我要写一些东西，那么我将确保代码正常工作，对于傻瓜和天才都是如此。编写

keypress

而不是

keyup

并不难。另外，在jQuery版本的代码中，每次按下一个键时，您都会强制jQuery创建一个新的

this

和

#input2

，这是不好的。您有什么我可以在JSFIDLE上看到的演示吗