两种方法
1. window 监听 focus | blur方法
用法：window.addEventListener('focus/blur', ...)
优点：兼容性好
缺点：移动设备的浏览器会有一种【标签管理】功能（safari 下是右下角的按钮，呈现为所有标签以 3D 效果排为一排），safari 在此时会认为已经 blur，其它移动设备浏览器没有测试
from caniuse.com，focus & blur不冒泡，focusin & focusout 冒泡
2. window 监听 visibilitychange方法（兼容性不好，需要pagehide辅助）
用法：回调中使用 document.hidden或document.visibilityState属性检测页面可见性。
优点：移动设备的浏览器【标签管理】时不会被触发（未实践过）
缺点：MAC 合盖后无法触发此事件，会在下次打开电脑后快速的触发 2 次此事件（一次为失活，一次为重新活跃）
网友评论