कोणीय 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 एक ही समय में चल रहा है की जरूरत नहीं है, क्योंकि आप एक अप्रत्याशित व्यवहार होगा, कारण है कि प्रत्येक उदाहरण इन घटनाओं पर प्रतिक्रिया करेंगे।