the7做的网站,wordpress鼠标悬停图片,帮你省网站怎么做,山西省三基建设办公室网站window对象监听浏览器页签之间的切换状态 记录两种办法 第一种#xff1a;会将任何鼠标点进或点出浏览器的操作监听#xff1b;同页面也会触发
// 窗口获得焦点时的回调函数
function onWindowFocus() {console.log(窗口获得焦点);querySubmit()
}
// 窗口失去焦点时的回调函… 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 和 hiddenif (window.document.visibilityState visible) {// 当页签处于可见状态TODOconsole.log(出现)} else {// 当页签处于不可见状态hiddenTODOconsole.log(消失)}
};
window.document.addEventListener(visibilitychange, handler);
