1)使用onbeforeunload，而不是onunload。

2)重要的是避免执行return语句。我这么说不是为了避免从你的联络人那里回来。你可以返回，但你要确保你到达了函数的结尾，并且不执行return语句。在这些条件下，不会出现内置的标准对话框。

3) You can, if you use onbeforeunload, run an ajax call in your unbeforeunload handler to tidy up on the server, but it must be a synchronous one, and you have to wait for and handle the reply in your onbeforeunload handler (still respecting condition (2) above). I do this and it works fine. If you do a synchronous ajax call, everything is held up until the response comes back. If you do an asynchronous one, thinking that you don't care about the reply from the server, the page unload continues and your ajax call is aborted by this process - including a remote script if it's running.

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分钟内删除了对自定义消息的支持

对我来说，使用jQuery并在IE8、Chrome和Firefox中进行测试的方法是:

$(window).bind("beforeunload",function(event) {
    if(hasChanged) return "You have unsaved changes";
});

重要的是，如果不需要提示，不要返回任何东西，因为IE和其他浏览器的行为在这里是不同的。

试试这个

$(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不显示自定义消息了解更多细节。

使用专用版本的“绑定”命令“一”。事件处理程序第一次执行后，将自动将其作为事件处理程序删除。

$(window).one("beforeunload", BeforeUnload);