如何在Angular 2+中使用HostListener防止窗口关闭事件

Question

我正在使用HostListener来获取窗口关闭事件并尝试阻止该事件。

我首先导入了HostListener并使用了此代码。但是，我无法阻止窗口关闭事件。

  import { HostListener } from '@angular/core';

  @HostListener('window:beforeunload', ['$event'])
   onWindowClose(event: any): void {

       this.doSomething();

   }

Answer 1

您可以使用 HostListener 阻止单独组件的窗口关闭事件。

首次导入组件中的HostListener

import { HostListener } from '@angular/core';

并且，使用此代码可防止窗口关闭。

  @HostListener('window:beforeunload', ['$event'])
   onWindowClose(event: any): void {
    // Do something

     event.preventDefault();
     event.returnValue = false;

  }

现在，您的活动已被阻止。