如何在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

   }

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