如何从父级调度 Iframe 中的自定义事件？

Question

我目前在同一个文件中有addEventListener和dispatchEvent ，如下所示：

<!DOCTYPE html>
<html>
<body>
<script>
    addEventListener("hello", function(event) {
        console.log( event.detail.name);
    });

    dispatchEvent(new CustomEvent("hello", {
        detail: { name: "Patrick" }
    }));
</script>
</body>
</html>

这很好用，但我的目标是将这两个分成单独的文件。 addEventListener将位于外部文件中并通过 Iframe 加载，并且dispatchEvent将从主文件发送。

如何从父级分派 iframe 中的事件？

Answer 1

如果其他人仍在寻找答案，我发现您可以使用以下方法从 Iframe 调用函数：

frames[0].myFunction();

所以从技术上讲，您可以在 Iframe 中创建一个新的 function，例如 myFunction，并使用它来调度事件。

如何从父级调度 Iframe 中的自定义事件？

问题描述

1 个解决方案

解决方案1
0 已采纳 2020-04-29 11:41:13

如何从父级调度 Iframe 中的自定义事件？

问题描述

1 个解决方案

解决方案1 0 已采纳 2020-04-29 11:41:13

解决方案1
0 已采纳 2020-04-29 11:41:13