【VUE笔记】监听浏览器TAB页切换时间

Vue 监听标签页

mounted: function () {
		// 添加监听事件
        document.addEventListener('visibilitychange', this.handleVisiable)
},
methods: {
        handleVisiable: function (e) {
            let document = e.target
            if(document.visibilityState=='hidden') {
                console.log("离开当前tab标签", this);
            }else {
                console.log("回到当前tab标签", this);
            }
        }
}

原生 监听浏览器标签页

document.addEventListener('visibilitychange',function(){ //浏览器切换事件
    if(document.visibilityState=='hidden') { //离开当前tab标签
        console.log("离开当前tab标签");
    }else {
        console.log("回到当前tab标签");
    }
});