window.postMessage가 iframe에서 부모 문서로 작동하지 않습니다.

Question

window.postMessage API를 사용하여 하위 문서 (iframe)에서 직접적인 부모에게 간단한 메시지를 보내려고합니다. 부모 문서 내에서

나는 다음과 같은 한 :

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);