Gmail 样式的退出消息

Question

我意识到这可能是重复的，但我已经用谷歌搜索/搜索了一天，但找不到满意的答案。如果 SO 上已有答案，请发送给我。

我有一个客户坚持要求弹出退出消息，确认他们想要退出该网站，就像 Gmail 一样。 （我已经尝试过反对它。他一动不动，所以请不要评论这是一种不好的做法。）

我找到了这段代码：

<script>
    window.onbeforeunload = function() {
        return 'Are you sure you want to exit?';
    }
<script>

但无论我做什么它都会运行 - 重新加载页面，单击导航等等。

我只想在用户关闭选项卡/浏览器时显示该消息。我怀疑这是我错过的一些简单的东西，但我不是 Javascript 专家。

任何帮助将不胜感激。

谢谢

编辑

这是工作得很好的。感谢大家！

var isLeavingSite = true;

//This would be called on each link/button click that navigates
$('a, input[type="submit"]').click(function(){
    isLeavingSite = false;
});

window.onbeforeunload = function() {
    if(isLeavingSite)
    return 'Are you sure you want to exit?';
}

Answer 1

虽然这可能是相当大量的工作（取决于您的网站的编写方式），但您可以执行以下操作（伪代码）：

var isLeavingSite = true;

//This would be called on each link/button click that navigates
function GlobalLinkHandler()
{
    isLeavingSite = false;
}

window.onbeforeunload = function() {
    if(isLeavingSite)
    return 'Are you sure you want to exit?';
}

如果您使用 jQuery，则可以使用下面的代码来翻转 isLeavingSite 标志：

$('a, input[type="submit"]').click(function(){ isLeavingSite = false; });

Answer 2

所要做的就是使用您在网站上单击任何链接时设置的变量，然后在 onbeforeunload 事件中检查该变量是否设置意味着他们点击了链接或未设置含义他们正在关闭标签。

您还可以使用该变量来简单设置链接的 href；这将允许您检查他们在 onbeforeunload 事件中单击的链接，并允许您检查他们是否单击链接转到您网站上的另一个页面或单击外部链接到另一个网站。

Answer 3

如果您使用 jQuery，请尝试退出前确认