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