jquery - 询问 jQuery keyup 事件

Question

如果 id="e2" 由 id="e1" 填充，如何填充 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)你可以实现这一点。

在这里，我在 keyup 中触发#e2keyup #e1。#e2keyup 将数据复制到#e3.

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

测试演示

Answer 3

You could simplify your code since the event handler is identical for both inputs:

jQuery(document).ready(function(){

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

});

Updated JSFiddle :http://jsfiddle.net/thefrontender/eHEtV/3/