试试这个

$(window).bind('beforeunload', function (event) {
            setTimeout(function () {
                var retVal = confirm("Do you want to continue ?");
                if (retVal == true) {
                    alert("User wants to continue!");
                    return true;
                }
                else {
                    window.stop();
                    return false;
                }
            });
            return;
        });

这不能在chrome现在做，以避免垃圾邮件，参考javascript onbeforeunload不显示自定义消息了解更多细节。

我也遇到过同样的问题，我可以用自己的对话框来显示我的信息，但我面临的问题是: 1)它在所有导航上都给出了消息，我想它只用于近距离点击。 2)与我自己的确认消息，如果用户选择取消它仍然显示浏览器的默认对话框。

以下是我找到的解决方案代码，我写在我的主页上。

function closeMe(evt) {
    if (typeof evt == 'undefined') {
        evt = window.event; }
    if (evt && evt.clientX >= (window.event.screenX - 150) &&
        evt.clientY >= -150 && evt.clientY <= 0) {
        return "Do you want to log out of your current session?";
    }
}
window.onbeforeunload = closeMe;

Angular 9的方法:

constructor() {
    window.addEventListener('beforeunload', (event: BeforeUnloadEvent) => {
     if (this.generatedBarcodeIndex) {
      event.preventDefault(); // for Firefox
      event.returnValue = ''; // for Chrome
      return '';
     }
     return false;
    });
   }

浏览器支持并删除自定义消息:

Chrome在51分钟内删除了对自定义消息的支持 Opera在38分钟内删除了对自定义消息的支持 Firefox在44.0分钟内删除了对自定义消息的支持 Safari在9.1分钟内删除了对自定义消息的支持

 <script type="text/javascript">
        window.onbeforeunload = function(evt) {
            var message = 'Are you sure you want to leave?';
            if (typeof evt == 'undefined') {
                evt = window.event;
            }       
            if (evt) {
                evt.returnValue = message;
            }
            return message;
        } 
    </script>

参考http://www.codeprojectdownload.com

您不能修改onbeforeunload的默认对话框，因此最好的办法可能是使用它。

window.onbeforeunload = function() {
    return 'You have unsaved changes!';
}

以下是微软对此的参考:

当一个字符串被赋值给window的returnValue属性时。事件时，将出现一个对话框，让用户选择是否停留在当前页面并保留分配给它的字符串。对话框中出现的默认语句，“您确定要导航离开此页吗?”．.． 按“确定”继续，或按“取消”保持在当前页面。”，不能删除或更改。

问题似乎是:

当onbeforeunload被调用时，它将接受处理程序的返回值作为window.event.returnValue。 然后它将返回值解析为字符串(除非它为空)。 由于false被解析为字符串，对话框将触发，然后将传递适当的true/false。

结果是，似乎没有办法将false赋值给onbeforeunload以防止它出现默认对话框。

jQuery的附加说明:

在jQuery中设置事件可能会有问题，因为这会允许其他onbeforeunload事件发生。如果你只希望你的卸载事件发生，我坚持用普通的JavaScript。 jQuery没有onbeforeunload的快捷方式，因此必须使用通用绑定语法。 美元(窗口)。Bind ('beforeunload'， function() {});

编辑09/04/2018:自chrome-51以来，onbeforeunload对话框中的自定义消息已弃用(cf:发布说明)