如何從父級調度 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