如何在Angular 2+中使用HostListener查找浏览器选项卡是否已聚焦

Question

我想要使用HostListener的“浏览器”选项卡“焦点和模糊事件”。

Answer 1

在组件中首先导入HostListener

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

然后将这段代码放入“标签焦点和模糊事件”

export class AppComponent { 

   @HostListener('window:focus', ['$event'])
   onFocus(event: FocusEvent): void {

       // Do something      

   }

   @HostListener('window:blur', ['$event'])
   onBlur(event: FocusEvent): void {

      // Do something

   }

  ........
  .....
}