js判断当前浏览器窗口是否为可见状态

男娘i 2022-05-31 02:17 405阅读 0赞

//检测当前窗口是否隐藏状态
        function getHiddenProp() { 
            var prefixes = ['webkit','moz','ms','o'];
    
            // if 'hidden' is natively supported just return it
            if ('hidden' in document) return 'hidden';
    
            // otherwise loop over all the known prefixes until we find one
            for (var i = 0; i < prefixes.length; i++)
            {
                if ((prefixes[i] + 'Hidden') in document) 
                    return prefixes[i] + 'Hidden';
            }
    
            // otherwise it's not supported
            return null;
        }
        //检测当前窗口是不是显示状态
        function getVisibilityState() { 
            var prefixes = ['webkit', 'moz', 'ms', 'o'];
            if ('visibilityState' in document) return 'visibilityState';
            for (var i = 0; i < prefixes.length; i++) 
            {
                if ((prefixes[i] + 'VisibilityState') in document)
                    return prefixes[i] + 'VisibilityState';
            }
            // otherwise it's not supported
            return null;
        }
    
    //查看当前窗口的状态（显示在标题标签上）
            var visProp = getHiddenProp();
            if (visProp) 
            {
                var evtname = visProp.replace(/[H|h]idden/, '') + 'visibilitychange';
                addEvent(document,evtname, function () { 
                  // console.log(visProp)
                  document.title = document[getVisibilityState()]+"状态";
                }, false);
            }

忘了在谁的博客找到的了，找到之后会补上原文链接

发表评论取消回复

表情：

评论列表（有 0 条评论，405人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS_js判断当前是否是微信浏览器

判断当前是否是微信浏览器 var ua = navigator.userAgent.toLowerCase(); var isWeixin = ua.inde

蔚落/ 2022年11月18日 10:54/ 0 赞/ 264 阅读

相关 JS判断是否为IE浏览器

[https://blog.csdn.net/xiaocai9999/article/details/78200516][https_blog.csdn.net_xiaocai

向右看齐/ 2022年11月03日 05:47/ 0 赞/ 222 阅读

相关 js判断浏览器是否为ie

使用传统方式 if ((navigator.userAgent.indexOf('MSIE') >= 0) && (navigator.userAgent.in

小鱼儿/ 2022年10月03日 00:45/ 0 赞/ 254 阅读

相关 JS判断当前的浏览器类型

<script type="text/javascript"> //window.navigator.userAgent.indexOf("M

港控/mmm°/ 2022年07月27日 14:53/ 0 赞/ 17 阅读

相关 js判断当前浏览器窗口是否为可见状态

//检测当前窗口是否隐藏状态 function getHiddenProp() { var prefixes = ['webk

男娘i/ 2022年05月31日 02:17/ 0 赞/ 406 阅读

相关 js判断浏览器是否为IE浏览器

用js判断当前的浏览器是否为IE浏览器： IE6-8和IE11都适用： function isIE() { //ie? if (!!window.

骑猪看日落/ 2022年05月30日 08:54/ 0 赞/ 307 阅读

相关 JS-判断元素在当前窗口是否可见

JS-判断元素在当前窗口是否可见 / 判断元素是否可见 @param {Object} elm / function che

川长思鸟来/ 2022年04月13日 12:49/ 0 赞/ 517 阅读

相关 js如何判断当前页面是否处于激活状态

方式1：监听事件visibilitychange 具体实现方式如下： var hiddenProperty = 'hidden' in document ? 'h

小咪咪/ 2022年02月03日 03:51/ 0 赞/ 833 阅读

相关【js】判断浏览器是否IE浏览器

搜罗各种方法来判断浏览器是否为IE浏览器 1.最简单的【来自：http://www.cnblogs.com/heganlin/p/5889743.html】 if(

向右看齐/ 2022年01月05日 08:49/ 0 赞/ 502 阅读

相关 JavaScript判断当前浏览器是否为IE浏览器

window.ActiveXObject：判断浏览器是否支持ActiveX控件，只有IE浏览器里面支持ActiveX控件 if (!!window.ActiveXOb

绝地灬酷狼/ 2021年07月26日 19:03/ 0 赞/ 564 阅读