angular4中的浏览器关闭事件

Question

如何在 Angular 4.0.2 中检测浏览器关闭事件

我试过了

1. @HostListener('window:unload', ['$event']) unloadHandler(event) { ... }

2. @HostListener('window:beforeunload', ['$event']) beforeunloadHandler(event) { ... }

但不适合我。谁能帮我吗。如果我刷新页面，则此事件也会触发

Angular2/4 中需要单独的浏览器关闭事件

Answer 1

如果你想关闭事件弹窗，你需要设置 $event.returnValue

Inside component

    @HostListener('window:beforeunload', ['$event'])
     public beforeunloadHandler($event) {
     $event.returnValue = "Are you sure?";
    }