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

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;
}
}