Custom Javascript event property disappears

Question

I have an iFrame inside my document that at some point fires a custom event:

function notifyEnd(gameStatus) {
    var fireOnThis = parent.document;
    var evObj = document.createEvent('Event');
    evObj.gameStatus = gameStatus;
    evObj.initEvent('gameEnd', true, true);
    fireOnThis.dispatchEvent(evObj);
}

Note the gameStatus property set in the event.

An event listener for this event is registered in my document:

document.addEventListener('gameEnd', function(e) {
    document.getElementById("gameEndForm:gameStatus").value = e.gameStatus;
    document.getElementById("gameEndForm:gameCompleteButton").click();
}, true);

However, when the event is fired, the property "gameStatus" is set to "undefined". I could not understand what could lead to this behavior.

Thanks for your help,
Sebastien

Answer 1

It seems to me that you want to use MessageEvent and use the data initMessageEvent parameter.

http://help.dottoro.com/ljknkjqd.php

JSON, , .