Google chrome onbeforeunload iframe 的错误行为

Question

假设我有两页。其中一个包含另一个作为 iframe 的内部。如果您在父页面上订阅了 onbeforeunload 事件，则当 iframe 处于焦点状态时关闭选项卡时，该事件不会触发。我认为这是一个错误，如下所示： Google Chrome 问题

但我提到过，例如 google文档处理这种情况。谁能给我一个解决方案吗？ 重要提示，我无法实际访问 iframe 内容，因为它是第三方 html 编辑器 (WYSIWYG)。

Answer 1

我知道这是一个老问题，但只是为了帮助通过搜索来到这里的人：

错误是 现在已修复。

从 chrome 10 开始，这个问题应该得到解决。

这里有一个相关错误。

因此，简而言之，如果您仍然无法在框架上触发“onbeforeunload”，则可能是由于通过 JavaScript 更改了内容，例如 document.open document .write document.close 等。

Answer 2

下面的代码将在所有浏览器上运行，

if (typeof window.addEventListener != 'undefined') {
    window.addEventListener('beforeunload', test, false);
}
else if (typeof document.addEventListener != 'undefined') {
    document.addEventListener('beforeunload', test, false);
}
else if (typeof window.attachEvent != 'undefined') {
    window.attachEvent('onbeforeunload', test);
}

else {
    if (typeof window.onbeforeunload == 'function') {
        window.onbeforeunload = function() {
            test();
        };
    }
    else {
        window.onbeforeunload = test;
    }
}

function test(){ alert('working');}

尝试一次......

Answer 3

您还可以尝试将 iframe 的 url 更改为“about:blank”，例如：

$("#myFrameId")[0].src = "about:blank";

它强制 chrome“干净地”关闭 iframe 中包含的窗口。

只是提一下：如果您只想关闭 iframe 而不是父窗口，则必须给 chrome 足够的时间来执行附加到“onbeforeunload”的处理程序。