javascript - 检测输入变化并同时写入其他输入

Question

我有两个输入文本框。我想如果第一个输入发生变化并同时写入其他输入。

我使用this代码。我尝试这样做，但在打开第一页时不起作用。如果页面刷新一次，则此代码有效。我写了一些带有一些选项的东西。我的代码是 here

$.event.special.inputchange = {
    setup: function() {
        var self = this, val;
        $.data(this, 'timer', window.setInterval(function() {
            val = self.value;
            if ( $.data( self, 'cache') != val ) {
                $.data( self, 'cache', val );
                $( self ).trigger( 'inputchange' );
            }
        }, 20));
    },
    teardown: function() {
        window.clearInterval( $.data(this, 'timer') );
    },
    add: function() {
        $.data(this, 'cache', this.value);
    }
};

$('input').on('inputchange', function() {
    var container = $("div.class1").first();
     $('#firstname').on('inputchange', function() {
        container.find("input.firstname").val(this.value);
    });
});

步骤:

1. 有什么变化
2. 找到类(class)中的第一个 child
3. 一流的值(value)就是平等的变化

我能做什么？

Answer 1

<强> Fiddle Demo

对于第一个 child ，请使用input:first。 - <强> :first

试试这个片段，

$('input#firstname').on('inputchange', function() {
    var container = $("div.class1").first();

    container.find("input:first").val(this.value);

});