JavascriptでDOM以外のオブジェクトを利用してカスタムイベントを実装するには?
jQueryを利用して$('.target').on('myEvent',function(){});
とするとmyEvent
がトリガされた時に実行する関数を登録することができますが、対象のDOMが存在しないオブジェクトを利用してカスタムイベントを実装するにはどうすればよいのでしょうか。
実装が雑ですが以下コードによる質問の詳細になります。
var dataLoader = {
load: function(){
$.get('http://example.com/api/get_data').done(function(data){
dataLoader.trigger('onloaded'); // カスタムイベントを発火させたいがtriggerなど存在しない。
});
},
};
dataLoader.on('onloaded',function(){}); // onを利用してイベントリスンしたいがonなど存在しない。
dataLoader.load();