问jQuery keyup事件

Question

如果由id =“e1”填充的id =“e2”，如何填写id =“e3”？

在此处检查实时代码，http://jsfiddle.net/eHEtV/

jQuery(document).ready(function(){

        jQuery('#e1').on('keyup', function(){
            var text = jQuery(this).val();
            jQuery(this).next().val(text);
        });

        jQuery('#e2').on('keyup', function(){
            var text = jQuery(this).val();
            jQuery(this).next().val(text);
        });    

});



<input id="e1" value="" />
<input id="e2" value="" />
<input id="e3" value="" />

Answer 1

您可以添加.trigger('keyup')来触发#e2上的活动，如下所示：

jQuery('#e1').on('keyup', function(){
    var text = jQuery(this).val();
    jQuery(this).next().val(text).trigger('keyup');
});

Answer 2

使用.trigger(eventname)即可实现这一目标。

这里我在#e2密钥中触发#e1的密钥。 #e2密钥将数据复制到#e3。

 jQuery('#e1').on('keyup', function(){
        var text = jQuery(this).val();
        jQuery(this).next().val(text).trigger('keyup');
    });

Test Demo

Answer 3

您可以简化代码，因为两个输入的事件处理程序都是相同的：

jQuery(document).ready(function(){

    jQuery('#e1, #e2').on('keyup', function(){
        var $el = jQuery(this);
        $el.next().val($el.val()).trigger('keyup');
    });   

});

更新了JSFiddle：http://jsfiddle.net/thefrontender/eHEtV/3/