jq监听浏览器的上面tab切换窗口

最新推荐文章于 2024-04-13 15:50:45 发布

原创最新推荐文章于 2024-04-13 15:50:45 发布 · 642 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

前端专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种使用JavaScript监听浏览器窗口是否被切换的方法，通过检查不同的hidden属性来兼容各种浏览器，并利用visibilitychange事件进行状态判断。

// 兼容各大浏览器    
var hiddenProperty = 'hidden' in document ? 'hidden' : 'webkitHidden' in document ? 'webkitHidden' : 'mozHidden' in document ? 'mozHidden' : null;
var visibilityChangeEvent = hiddenProperty.replace(/hidden/i,'visibilitychange');
// 监听浏览器的窗口改变事件  document.hidden 事件 false 就是没被隐藏 true 就是被隐藏
var onVisibilityChange = function(){
        if (document[hiddenProperty]) {
            console.log('窗口被切换了');
        } else {
            console.log('窗口切换回来了');
        }
    }
    document.addEventListener(visibilityChangeEvent,onVisibilityChange);