You must listen on the global message event of the window object, but you can filter the source iframe using the source property of MessageEvent. Example: const childWindow = document.getElementById(‘test-frame’).contentWindow; window.addEventListener(‘message’, message => { if (message.source !== childWindow) { return; // Skip message in this event listener } // … });
I realize this question is old but I ran into it so I figured I would answer here. In short – I am finding that postMessage does work at least for communication from a child iframe to a parent window BUT… Turns out we really didn’t like the way the iframe behaved in android’s WebView … Read more
You cannot access localStorage (and also sessionStorage) from a webworker process, they result will be undefined, this is for security reasons. You need to use postMessage() back to the Worker’s originating code, and have that code store the data in localStorage. You should use localStorage.setItem() and localStorage.getItem() to save and get data from local storage. … Read more
window.postMessage in your web app sends to the main document’s window, not to the iframe’s. Specify the iframe’s window object: document.getElementById(‘cross_domain_page’).contentWindow.postMessage(…….) Alternatively, you can switch to the more secure externally_connectable messaging.
jQuery might be preprocessing the event’s data property, and this operation may not properly support the message event (yet). Try using the originalEvent property to fetch your data: $(window).on(“message”, function(e) { var data = e.originalEvent.data; // Should work. });
I was mistaken when I originally posted this answer: it doesn’t actually work in IE10. Apparently people have found this useful for other reasons so I’m leaving it up for posterity. Original answer below: Worth noting: the link in that answer you linked to states that postMessage isn’t cross origin for separate windows in IE8 … Read more
It turns out the object I passed had methods, which is why the error message said An object could not be cloned. In order to fix this, you can do the following: obj = JSON.parse(JSON.stringify(obj)); parent.postMessage(obj, ‘whatever’);