Breaking News: Grepper is joining You.com. Read the official announcement!

How to Find the Browser Tab is Focused or Not using HostListener in Angular

Riky answered on October 3, 2022 Popularity 1/10 Helpfulness 1/10

answer How to Find the Browser Tab is Focused or Not using HostListener in Angular

How to Find the Browser Tab is Focused or Not using HostListener in Angular

Comment

First Import HostListener in your Component

import { HostListener } from '@angular/core';
Then put this code to get Tab Focus and Blur Event

export class AppComponent { 

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

       // Do something      

   }

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

      // Do something

   }

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

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: angular browser-tab find javascript using

Link to this answer
Share Copy Link