📅  最后修改于: 2023-12-03 14:53:23.586000             🧑  作者: Mango
在 JavaScript 中,有一种方法可以检查当前浏览器标签页是否处于窗口的前台。这个方法就是 document.hasFocus()
。
如果当前浏览器标签页处于窗口的前台,document.hasFocus()
将返回 true
;否则,它将返回 false
。
示例代码:
if (document.hasFocus()) {
console.log('当前浏览器标签页处于窗口的前台!');
} else {
console.log('当前浏览器标签页不处于窗口的前台!');
}
注意:document.hasFocus()
方法不是跨浏览器兼容的。它不适用于旧版 IE 浏览器。
因此,在编写网页时,应该使用跨浏览器兼容的方法来检查当前浏览器标签页是否处于窗口的前台。例如,可以使用 window.onfocus
和 window.onblur
事件来实现。具体示例请参考以下代码:
var isTabActive = true;
window.onfocus = function () {
isTabActive = true;
};
window.onblur = function () {
isTabActive = false;
};
if (isTabActive) {
console.log('当前浏览器标签页处于窗口的前台!');
} else {
console.log('当前浏览器标签页不处于窗口的前台!');
}