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标签");
}
});