角度2+ window.onfocusとwindows.onblur

Question

私のアプリケーションのブラウザタブがフォーカスされているかどうかを管理するには、角度2または4が必要です。 window.onfocusとwindow.onblurを使用する方法はありますか？

どうもありがとう

Answer 1

あなたは@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を持っていないことを確認してください。