Açısal 2+ window.onfocus ve windows.onblur

Question

Uygulamamın tarayıcı sekmesinin odaklanıp odaklanmadığını yönetmek için Angular 2 veya 4'e ihtiyacım var. window.onfocus ve window.onblur'u kullanmanın bir yolu var mı?

Çok teşekkürler

Answer 1

Sen @HostListener bir bileşeni kullanabilirsiniz. gibi

şey: Her örnek bu olaylara tepki vereceği nedeniyle bu, beklenmedik bir davranış olacaktır çünkü

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

} 

Sadece, aynı anda çalışan birden WindowComponent olmadığını kontrol edin.