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ですが、それはかなり深い水です。