Angular中的窗口聚焦过程

Question

我是 Angular v5 的新手，想知道下面的等价物是什么，特别是 $window.onfocus，因为这在 Angular 中不起作用

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

我需要在我的 TypeScript 代码中确定窗口焦点。

Answer 1

使用@HostListener装饰器在你的组件中注册window.focus事件

然后

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

工作DEMO

您可以尝试在浏览器选项卡中运行演示 url。