javascript - postMessage または addEventListener が機能しない

Question

次の JavaScript コードは、HTML5 の postMessage / addEventListener 関数を使用して、それ自体にメッセージを送信します。

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

対応するフィドル:

http://jsfiddle.net/ZGvLg/3/

メッセージは受信されません。理由は何ですか？

Answer 1

フィドルを修正しました。あなたは間違ったイベントを聞いていました。

フィドル

する必要があります

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

Answer 2

testMsgイベントをリッスンしていますが、イベントpostMessageをトリガーしmessageます。