Angular 2+ window.onfocus和windows.onblur

Question

所以我需要在Angular 2或4中管理我的應用程序的瀏覽器選項卡是否關注。有什麼方法可以使用window.onfocus和window.onblur？

非常感謝

Answer 1

你可以使用一個component @HostListener。

喜歡的東西：

@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 
    } 

} 

只是檢查，你不必多WindowComponent在同一時間運行，因爲你會有意想不到的行爲，因爲每個實例將這些事件作出反應。