When I use jQuery event listener to handle message event, like below:
$(window).on('message', function(e) {
var data = e.data; // data = undefined
});
data is undefined! I'm sure that I have passed data to current window. Because if I use "addEventListener", everything goes well!
So, what's the problem?
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.
});
postMessage(). See developer.mozilla.org/en-US/docs/Web/API/… and Is cross-origin postMessage broken in IE10?.
$(window).off("message"). on the other hand, $(window).bind / $(window).unbind successfully attached / detached for me a handler to the message event.Some browsers use the "onmessage" event. I suggest a little improvement to the previous answer for increased compatibility:
$(window).on("message onmessage", function(e) {
var data = e.originalEvent.data;
});
