javascript - 如何在遗留 js 中监听 jQuery 触发器

Question

我正在用 jquery 触发一个事件，我需要在非 jQuery 脚本中绑定到它。

看来我可以用 jQuery 绑定事件，on但不能用addEventListener.

这是一个 jsFiddle 显示：http: //jsfiddle.net/x6rhT/

我怎样才能监听 jQuery 事件addEventListener？

Answer 1

使用dispatchEvent：

window.dispatchEvent(new CustomEvent('test'));

您可以轻松地创建一个包装器：

$.fn.nativeTrigger = function(type) {
    return this.each(function() {
        this.dispatchEvent( new CustomEvent(type) );
    });
}

$('body').trigger('test').nativeTrigger('test');

另一种方法是扩展$.fn.trigger但那是相当深的水。