javascript - 如何判断浏览器选项卡是否显示在任何显示器上？

Question

我需要知道浏览器选项卡是否显示在任何监视器上。我尝试使用“焦点”和“模糊”，但不幸的是，当用户点击浏览器窗口以外的任何内容时，“模糊”就会被触发。我需要只在浏览器选项卡在后台时触发的东西。

window.onfocus = function () { 
  console.log('onfocus');
}; 

window.onblur = function () { 
  console.log('onblur');
}; 

使用上面的代码，如果我在一台显示器上打开浏览器选项卡，然后单击另一台显示器，则会触发“onblur”。这不是我想要发生的。

我正在寻找一个在浏览器选项卡移动到后台时触发的事件（请参见下图了解我的意思）。如果用户在 5 个不同的显示器上打开了 5 个不同的 Chrome 窗口，那么他们可能有 5 个不同的活动/可见选项卡。

标签： javascriptbrowser