javascript - Fönster Onfocus-process i Angular


Jag är ny inom Angular v5 och ville veta vad motsvarigheten är för följande, specifikt $window.onfocus eftersom detta inte fungerar i Angular

$window.onfocus = function() {     
   console.log("****user attempted leaving but changed its mind, do actions here");
}   

Jag behöver bestämma fönsterfokus i min TypeScript-kod.

Svar #1

Använd @HostListener-dekoratorn för att registrera window.focus-händelsen i din komponent

och sedan

@HostListener('window:focus', ['$event'])
onFocus(event) {
    console.log("****user attempted leaving but changed its mind, do actions here");
}

Arbetande DEMO

Du kan prova att köra demo-URL:en i din webbläsarflik.