window.postMessage не работает из iframe в родительский документ

Question

Я пытаюсь отправить простое сообщение из дочернего документа (iframe) обратно в его прямой родительский элемент, используя API window.postMessage.

В родительском документе я следующее:

window.addEventListener("message", receiveMessage, true); 
var receiveMessage = function(event) { 
    console.log("Recieved event " + JSON.stringify(event)); 
} 

Тогда в IFRAME У меня есть следующие:

window.parent.postMessage('message', '*'); 

на основе всего, что я читал, это должно работать и мой сообщение журнала должно быть записано на консоль. Кроме того, что он не работает.

Я знаю, что использование * как targetOrigin не всегда безопасно, но на данном этапе я просто хочу разобраться в ссылке.

Любые идеи или что-то очевидное, что мне не хватает?

Answer 1

Убедитесь, что ваша функция обратного вызова receiveMessage() объявлена ​​до, передавая ее в метод addEventListener.

Вот ваш пересмотренная родительский сценарий:

var receiveMessage = function(event) { 
    console.log("Recieved event " + JSON.stringify(event)); 
} 
window.addEventListener("message", receiveMessage, true);