在浏览器的后退/前进按钮上显示自定义弹出窗口

Question

我有特殊要求。 我有一个网页，当用户按下页面上浏览器的后退按钮时， 它应该显示一个弹出消息。 我尝试了下面的代码，但它无法正常工作

window.onbeforeunload = function (evt) {

    $.fancybox({
        content: "<b>some text</B>",
        padding: 0,
        centerOnScroll: true,
        overlayColor: "#000",
        overlayOpacity: .7
    });
};

此弹出窗口会显示片刻并转到后页本身。 我的目的是显示一个自定义弹出窗口，带有2个按钮并点击
在其中一个按钮上它不应该返回页面 然后点击另一个应该转到后页

是否可以使用自定义操作显示此类自定义弹出窗口？

Answer 1

这是一个简单的答案：你不能！

window.onbeforeunload只能返回string！ BTW firefox不允许自定义消息。

window.onbeforeunload = function (evt) {
    return "My message which make users not so happy!";
}

如果您想要某种hacky解决方法让您的用户永远不会回到您的网站，您可以看到：

https://stackoverflow.com/a/16824414/1414562