删除包含页面的 iframe 时，不会触发 onbeforeunload

Question

我有一个网页Page1，它定义了一个工作onbeforeunload事件，我在其中执行一些获取。此Page1加载到另一个domain上的iframe1中。

问题：当iframe1从 DOMremoved时，我的Page1beforeunload事件根本不会触发。

我现在正在本地尝试使用这些文件：

page1.html：

<script>
window.onbeforeunload = () => {
console.log('Page1 unloaded')
}
</script>

parent.html：

<div>
<iframe id='page1' src='./page1.html' ></iframe>
</div>
<button onclick="document.getElementById('page1').remove()" >Remove</button>

问：如何触发Page1的unload事件？

提前谢谢。

Answer 1

window.onbeforeunload = function(e) {
var dialogText = 'Dialog text here';
e.returnValue = dialogText;
return console.log(dialogText);
};

当您单击链接或关闭窗口时，您会在控制台中看到对话框文本

Answer 2

最后，我最终在后端设置了一个websocket。我在nodejs env上，我用了 socket.io。