监听浏览器窗口切换

最新推荐文章于 2024-06-02 20:46:35 发布

熙翎

最新推荐文章于 2024-06-02 20:46:35 发布

阅读量691

点赞数

分类专栏： js vue 文章标签： chrome javascript 前端

本文链接：https://blog.csdn.net/qq_42853570/article/details/125162291

版权

vue 同时被 2 个专栏收录

13 篇文章 0 订阅

订阅专栏

11 篇文章 0 订阅

订阅专栏

监听浏览器窗口切换

 /**
   * 切换浏览器窗口
   */
function changeWindowsTab() {
            // chrome sougou
            if ("webkitVisibilityState" in document) {
                document.addEventListener("webkitvisibilitychange", () => {
                    if (document.webkitVisibilityState === "hidden") {
                        // 离开了，对数据进行处理，例如关闭流
                        window.postMessage({leave: true}, "*")
                        
                    } else {
                        // 回来了，对数据处理，如开启流
                        window.postMessage({leave: false}, "*")
                    }
                });
            }

            // IE
            if ("msvisibilitychange" in document) {
                document.addEventListener("msvisibilitychange", () => {
                    if (document.msVisibilityState === "hidden") {
                       // 离开了，对数据进行处理，例如关闭流
                        window.postMessage({leave: true}, "*")
                    } else{
                         // 回来了，对数据处理，如开启流
                        window.postMessage({leave: false}, "*")
                    }
                });
            }

            // FF
            if("mozvisibilitychange" in document) {
                document.addEventListener("mozvisibilitychange", () => {
                    if (document.mozVisibilityState === "hidden") {
                        // 离开了，对数据进行处理，例如关闭流
                        window.postMessage({leave: true}, "*")
                    } else{
                         // 回来了，对数据处理，如开启流
                        window.postMessage({leave: false}, "*")
                    }
                });
            }
        }