如何在舊版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但這是很深的工作。