Góc 2+ window.onfocus và windows.onblur

Question

Vì vậy, tôi cần ở Góc 2 hoặc 4 để quản lý khi tab trình duyệt của ứng dụng của tôi tập trung hay không. Có cách nào để sử dụng window.onfocus và window.onblur không?

Cảm ơn rất nhiều

Answer 1

Bạn có thể sử dụng một thành phần có @HostListener.

Cái gì như:

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

} 

Chỉ cần kiểm tra rằng bạn không có nhiều WindowComponent chạy cùng một lúc, bởi vì bạn sẽ có một hành vi bất ngờ, do đó mỗi trường hợp sẽ phản ứng với những sự kiện này.