Js实现浏览器下标签页间切换触发的事件

最新推荐文章于 2024-07-29 18:19:14 发布

cczhumin

最新推荐文章于 2024-07-29 18:19:14 发布

阅读量1.4w

点赞数 3

分类专栏： web前端大犀牛JavaScript 文章标签：浏览器事件

本文链接：https://blog.csdn.net/cczhumin/article/details/50736825

版权

web前端同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

大犀牛JavaScript

6 篇文章 0 订阅

订阅专栏

visibilitychange事件是浏览器新添加的一个事件，当浏览器的某个标签页切换到后台，或从后台切换到前台时就会触发该消息，现在主流的浏览器都支持该消息了，例如Chrome, Firefox, IE10等。


var hiddenProperty = 'hidden' in document ? 'hidden' :    
    'webkitHidden' in document ? 'webkitHidden' :    
    'mozHidden' in document ? 'mozHidden' :    
    null;
var visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange');
var onVisibilityChange = function(){
    if (!document[hiddenProperty]) {    
        console.log('页面非激活');
    }else{
        console.log('页面激活')
    }
}
document.addEventListener(visibilityChangeEvent, onVisibilityChange);