postMessage 给父级，父级代码未运行

Question

我看过很多例子，但看不出我哪里出错了。但是我的事件侦听器根本没有在父级中运行。如果我在 iframe 控制台范围内手动发布消息的事件。

框架：

$(".open").click(function() {

        window.parent.postMessage('navigated', '*', []);

父母：

window.addEventListener("load", function () {

    document.querySelectorAll('iframe[src*="forms.localhost"]').forEach(iframe => {

        iframe.addEventListener('message', (event) => {

            console.log('event');

        });

    });

我已经检查过，querySelector 正在查找我的 iframe。

Answer 1

您的父窗口应该在父窗口而不是元素上监听消息iframe。单个处理程序将从所有 iframe 接收消息；origin您可以通过消息上的区分它们。