检测“浏览器”选项卡是否具有焦点

2022-08-30 01:29:14

是否有可靠的跨浏览器方法来检测选项卡是否具有焦点。

场景是,我们有一个定期轮询股票价格的应用程序,如果页面没有焦点,我们可以停止轮询并节省每个人的交通噪音,特别是因为人们喜欢打开具有不同投资组合的几个选项卡。

是和选项吗?window.onblurwindow.onfocus


答案 1

是的,并且应该适用于你的方案:window.onfocuswindow.onblur

http://www.thefutureoftheweb.com/blog/detect-browser-window-focus


答案 2

令人惊讶的是没有人被提及document.hasFocus

if (document.hasFocus()) console.log('Tab is active')

MDN有更多信息。