typescript 判断浏览器前后台的切换监听

最新推荐文章于 2022-04-18 16:22:13 发布

阿启

最新推荐文章于 2022-04-18 16:22:13 发布

阅读量1.8k

点赞数

分类专栏： web前端

web前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

private getPage() {
            var hidden, state, visibilityChange;
            if (typeof document["hidden"] !== "undefined") {
                hidden = "hidden";
                visibilityChange = "visibilitychange";
                state = "visibilityState";
            } else if (typeof document["mozHidden"] !== "undefined") {
                hidden = "mozHidden";
                visibilityChange = "mozvisibilitychange";
                state = "mozVisibilityState";
            } else if (typeof document["msHidden"] !== "undefined") {
                hidden = "msHidden";
                visibilityChange = "msvisibilitychange";
                state = "msVisibilityState";
            } else if (typeof document["webkitHidden"] !== "undefined") {
                hidden = "webkitHidden";
                visibilityChange = "webkitvisibilitychange";
                state = "webkitVisibilityState";
            }
            return {
                'hidden': hidden,
                'visibilityChange': visibilityChange,
                'state': state
            };
        }var Page= this.getPage();if (document[Page['state']] == 'hidden') {
                    console.log("h5切换到后台");
                    alert("h5切换到后台");
                
                } else
                {
                    alert("h5获得焦点");
                    console.log("h5获得焦点" + hours + ":" + minutes + ":" + seconds);
                   
                }document.addEventListener(Page['visibilityChange'], eventHandler, false);






这篇文章，本人项目用的是egret引擎，以上代码在pc上的浏览器和微信的内置浏览器都能很精准的判断。
参考的文章连接 点击打开链接
原链接用的是js语言，我这里是ts，经过了一点点的修改