如何处理浏览器关闭，制表符关闭和重新加载事件

Question

只要用户尝试重新加载制表符，关闭制表符或关闭浏览器，就必须显示自定义模式。

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

我想知道，即使是可能的或不跨浏览器应用程序处理

我必须表现出一定的模式与定制设计和按摩，也有确定，在特定的情况下取消按钮。按钮动作也必须相应处理

请建议有没有办法做到这一点.. 谢谢你在adv。

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