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

Question

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

似乎我可以使用on绑定到jQuery中的事件，但不能绑定addEventListener。

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

我如何使用addEventListener来监听jQuery事件？

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，但那是非常深的水。