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您可以通过消息上的区分它们。