The following JavaScript code uses the HTML5 postMessage / addEventListener functions to send a message to itself:
window.addEventListener('testMsg', function(event) {
alert('got a message'); /* Never happens. Why? */
}, false );
window.addEventListener('load', function(event) {
alert('sending message');
window.postMessage('testMsg', '*');
}, false);
A corresponding fiddle:
The message is never received. What is the reason?
I have modified the fiddle. You were listening to the wrong event.
Should be
window.addEventListener('message', function(event) {
alert('got a message'); /* Never happens. Why? */
}, false );
window.addEventListener('load', function(event) {
alert('sending message');
window.postMessage('message', '*');
}, false);