將事件從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.
});