custom eventing

myEvent.js

//create event
var minE = new CustomEvent("yourEventName", {
  detail: {
	    "key": value
	},
	bubbles: true,
	cancelable: true
});

//add handler
targetElement.addEventListener("yourEventName", function(e) {
  	  alert("event = ", e);
  	  alert("event data = ", e.detail);
	});

// trigger
targetElement.dispatchEvent(minE);