javascript - ReceiveMessage 事件显示数据未定义

Question

我有一个 iframe，其中有一个 JavaScript 函数:

  function callParent(){
    parent.postMessage('closeModal','*');   
    return true;
  }

我的主页中还有其他 JavaScript 函数:

$(window).on('message',function(e){
console.log(e);
});

它正在打印 e，但在 e.data 中它给出了未定义。我期望数据将是一个字符串“closeModal”。

如何从iframe中获取消息字符串？

Answer 1

您传递的数据位于

e.originalEvent.data

所以在主页上:

$(window).on('message',function(e){
  console.log(e.originalEvent.data);
});

正如 Pointy 所评论的，jQuery 创建了自己的事件对象。

如果你没有使用 jQuery，你就会有

window.onmessage = function(e){
    console.log(e.data);
};