JS检测页面是否被隐藏

最新推荐文章于 2024-05-06 15:03:20 发布

王翼鹏

最新推荐文章于 2024-05-06 15:03:20 发布

阅读量224

点赞数 2

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/zghnpdswyp/article/details/136212966

版权

本文介绍了如何在JavaScript中使用不同浏览器的私有API（如hidden和visibilityChange）来检测页面是否被隐藏，通过添加事件监听器实现在各种浏览器环境中的兼容性处理。

摘要由CSDN通过智能技术生成

var hidden, visibilityChange;
if (typeof document.hidden !== "undefined") {
    hidden = "hidden";
    visibilityChange = "visibilitychange";
} else if (typeof document.mozHidden !== "undefined") {
    hidden = "mozHidden";
    visibilityChange = "mozvisibilitychange";
} else if (typeof document.msHidden !== "undefined") {
    hidden = "msHidden";
    visibilityChange = "msvisibilitychange";
} else if (typeof document.webkitHidden !== "undefined") {
    hidden = "webkitHidden";
    visibilityChange = "webkitvisibilitychange";
}
 
// 添加监听器
document.addEventListener(visibilityChange, function() {
    console.log("当前页面是否被隐藏：" + document[hidden]);
}, false);