Javascript 检测浏览器选项卡/窗口何时处于活动状态

是否可以检测浏览器窗口何时处于活动/非活动状态

我确实试过：

$(window).on('focus', function(){
    console.log(1);
});
$(window).on('blur', function(){    
    console.log(2);    
});

但它似乎只有在用户单击窗口时才起作用。 但当用户点击浏览器地址栏时显示2

我想实现的是检测当前选项卡何时处于活动状态

---

如何改进此代码？

活动表示选项卡可见时。但是，如果您想知道用户的鼠标是否直接位于页面上，可以使用以下方法：

不活跃

您无法检查该选项。您可以检查的是，用户是否将鼠标移到选项卡上（但选项卡也可以处于活动状态，但鼠标位于其他位置）。现代浏览器有一个页面可见性API:visibility