如何处理浏览器关闭、选项卡关闭和重新加载事件

Question

每当用户尝试重新加载选项卡、关闭选项卡或关闭浏览器时，我都必须显示自定义模式。

我试图处理 onbeforeunload 事件，但它不允许我在 chrome 中显示自定义消息。

我想知道是否可以在跨浏览器应用程序中处理

我必须展示一些带有自定义设计和按摩的模态，在特定情况下也有确定和取消按钮。按钮动作也必须相应地处理

请建议有什么方法可以做到这一点..谢谢。

Answer 1

像这样尝试：

import { Component, HostListener } from '@angular/core';

export class Component {
@HostListener('window:unload', ['$event'])
unloadHandler(event) {
    console.log('unloadHandler');
}

@HostListener('window:beforeunload', ['$event'])
beforeUnloadHander(event) {
    return false;
}
}