将事件从iframe传递给父级

Question

我尝试加载一个iframe，在我触发自定义事件时，需要在父DOM中捕获这些事件并激活那里的函数。

我试图寻找不同的方法但没有工作，我知道我可以调用parent.postMessage（），但问题是我不知道我有多少父母（几代人）。

我想调用postMessage（），它会传播给所有家长，并吸引那些听取此事件的人。

这有可能吗？

Answer 1

因为我不得不做这样的事情已经有一段时间，但我认为你需要以相反的方式控制它，所以在iframe内的窗口范围内触发事件，并处理父项内的事件帧。

//Inside iFrame
$(window).trigger('myevent', { a: 'b' });

//In parent document
$('#myIframe').on('myevent', function(e) {
    //Handling the event.
});