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

Question

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

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

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

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

       this.doSomething();

   }

Answer 1

您可以防止单独组件的 window 关闭事件，使用 HostListener。

首先在您的组件中导入 HostListener

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

并且，使用此代码可以防止 window 关闭。

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

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

  }

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

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

How To Prevent Window Close Event Using HostListener In Angular 2+

events

onbeforeunload

angular5