javascript - jQuery 仅在附加 jQuery 时触发 keyup 事件

Question

使用 jQuery 触发 keyup 事件真的搞砸了。

这是一个干净的例子

http://jsfiddle.net/xQcGM/2/

当我输入任何 input 时，它们都会触发事件，但是当我尝试以编程方式触发它时 ($(element).trigger('event')) 只有第二个被触发，但我希望两者都被触发。

我哪里遗漏了什么？

UPD 我无法更改附加处理程序的方式!

Answer 1

触发事件的原生方式是调用dispatchEvent .不幸的是，这个方法没有出现在jQuery's source中的任何地方。 .所以我猜你必须自己创建事件对象并手动发送它们。

这是一个更长的版本，带有一个可用的 example .

$('button').click(function() {
        var myEvent = document.createEvent('KeyboardEvent');
        myEvent.initKeyboardEvent('keyup', true, true, null, false, 
                                false, false, false, 76, 0);
        $('input').each(function() {
            this.dispatchEvent(myEvent);
        });
    });

或者您可以查看 jQuery simulate plugin这使它稍微容易一些。这是一个较短的版本，另一个工作 example .

$('button').click(function() {
    $('input').simulate('keyup');
});