Angular 2+ window.onfocus i windows.onblur

Question

Potrzebuję w Angular 2 lub 4, aby zarządzać, gdy karta przeglądarki w mojej aplikacji jest skierowana, czy nie. Czy jest jakiś sposób korzystania z window.onfocus i window.onblur?

Thanks a lot

Answer 1

Można użyć komponentu z @HostListener.

Coś jak:

@Component({}) 
export class WindowComponent { 

constructor(){} 

    @HostListener('window:focus', ['$event']) 
    onFocus(event: any): void { 
     // Do something 
    } 

    @HostListener('window:blur', ['$event']) 
    onBlur(event: any): void { 
     // Do something 
    } 

} 

Wystarczy sprawdzić, że nie trzeba wiele WindowComponent uruchomione w tym samym czasie, ponieważ będzie mieć nieoczekiwane zachowanie, ze względu, że każda instancja będzie reagował na te wydarzenia.