关闭选项卡前的 JavaScript 警报

Question

这是我的 JavaScript 代码:

window.onbeforeunload = function (e) {
        e = e || window.event;
        // For IE and Firefox prior to version 4
        if (e) {
            e.returnValue = 'Any unsaved work is going to loose!';
        }
        // For Safari
        return 'Any unsaved work is going to loose!';
    };  

当我尝试关闭选项卡时，此代码完美运行。但问题是，即使我尝试导航到我网站的另一个页面，它也会发出警报。

仅当且仅当用户尝试关闭选项卡时才显示警报的通用 JS 代码可能是什么？

Answer 1

不幸的是，javascript 中没有纯粹的“关闭”事件。 onunload 和 onbeforeunload 是您能做的最好的事情。

副作用是这些事件在导航和后退浏览器按钮上触发。您可以尝试使用 (e.clientY < 0) 条件来过滤页面上的导航。