Is there any way of passing additional data via custom events?

Question

I need to pass data between two autonomic userscripts - ideally w/o touching the unsafeWindow object - and I thought using custom events would be the way to go. I thought of something like this (let us disregard the MSIE model for the purpose of the example):

addEventListener("customEvent", function(e) {
  alert(e.data);
});

var custom = document.createEvent("HTMLEvents");
custom.initEvent("customEvent", true, true);
custom.data = "Some data...";
dispatchEvent(custom);

This works nicely in the standard javascript environment and within one userscript, but when the event is fired by the userscript and caught outside of it or inside another userscript, the data property is undefined in chromium. I suppose I could just save the passed data in the sessionStorage, but it is far from seamless. Any other elegant solutions, gentlemen and gentlewomen? Perfection need and can be achieved, I can feel it.

Answer 1

Yes, you can use a MessageEvent or a CustomEvent.

Example usage:

//Listen for the event
window.addEventListener("MyEventType", function(evt) {
    alert(evt.detail);
}, false);

//Dispatch an event
var evt = new CustomEvent("MyEventType", {detail: "Any Object Here"});
window.dispatchEvent(evt);

Answer 2

pass object with more details as attributes:

var event = new CustomEvent('build', { 'detail1': "something", detail2: "something else" });

function eventHandler(e) {
  log('detail1: ' + e.detail.detail1);
  log('detail2: ' + e.detail.detail2);
}

https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Creating_and_triggering_events