Angular 4：识别浏览器/选项卡关闭事件和页面刷新事件

Question

我转到此链接How can I handle browser tab close event in Angular? Only close, not refresh

但我不知道如何在Angular 4中实现这一点。

我无法确定何时刷新页面以及何时关闭标签页或浏览器。

因为在这两种情况下都会触发“window：unload”和window：beforeunload“事件所以很难识别。

实际上我想在浏览器或标签关闭时触发注销事件，但是在刷新的情况下它也会触发。

以下是我的代码。

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

任何输入/指示/帮助都将不胜感激。

Answer 1

Unload or beforeunload

在卸载前使用。对于您的情况，这将足够，您将在其中发送请求。

在我需要弹出自定义对话框的情况下，确认不会阻止刷新/关闭选项卡事件。 （return false保留默认对话框）