How to implement a complete event system with javascript? -

How to implement a complete event system with javascript? -

i'm creating client-side dynamic blog engine. need event scheme handle many actions dom elements , engine. such engine loading article,user switching theme...

and don't want utilize library this.

so far i've done using list store callbacks event.

but want each callback works different objects.like dom event.

i may add together id-like property each object, , store (id,callbacks) in event.i sense it's not good.when comes dynamically generated object,it complex deal with.

how implement simple dom event (to use)?

recently, wanted add together simple event listeners vanilla javascript objects. solution came with

(this requires ecmascript >= 5)

function emitter () { var eventtarget = document.createdocumentfragment(); function delegate (method) { this[method] = eventtarget[method].bind(eventtarget); } emitter.methods.foreach(delegate, this); } emitter.methods = ["addeventlistener", "dispatchevent", "removeeventlistener"];

now "class" uses it

function illustration () { emitter.call(this); }

let's seek out now!

var e = new example(); e.addeventlistener("something", function(event) { alert("something happened! check console too!"); console.log(event); }); e.dispatchevent(new event("something"));

good luck!

javascript events javascript-events event-handling