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

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

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

我想知道是否有可能在跨浏览器应用程序中处理或不处理

我必须展示一些定制设计和按摩的模式，在特定情况下还具有“确定”和“取消”按钮。按钮操作也必须相应处理

请建议有什么办法可以做到这一点。。 感谢您的支持。

请尝试以下方式：

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

试着这样做：

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

---

您好，请您指导我如何使用我们自己的对话框并处理这两个事件（确定/取消）。提前谢谢。您好，请您指导我如何使用我们自己的对话框并处理这两个事件（确定/取消）。提前谢谢。