window对象监听浏览器页签之间的切换状态；前端监听浏览器切换页签的触发时机

window对象监听浏览器页签之间的切换状态
记录两种办法

第一种：会将任何鼠标点进或点出浏览器的操作监听；同页面也会触发

// 窗口获得焦点时的回调函数
function onWindowFocus() {console.log('窗口获得焦点');querySubmit()
}
// 窗口失去焦点时的回调函数
function onWindowBlur() {console.log('窗口失去焦点');
}
// 添加事件监听器
window.addEventListener('focus', onWindowFocus);
window.addEventListener('blur', onWindowBlur);

第二种：此方法只在切屏或切换页签触发

const handler = () => {// 也可以通过document.hidden属性（布尔类型）来判断// window.document.hidden (True/False)// document.visibilityState拥有两种字符串枚举值（'visible' 和 'hidden'）if (window.document.visibilityState === 'visible') {// 当页签处于可见状态，TODOconsole.log("出现")} else {// 当页签处于不可见状态（hidden），TODOconsole.log("消失")}
};
window.document.addEventListener('visibilitychange', handler);