visibilitychange是浏览器新添加的一个事件,当浏览器当前页面被最小化,或者切换到浏览器的其他标签页,或者从其他页面或应用返回到当前标签页,都会触发这个事件
document.visibilityState
共有四个值:
值 | 解释 |
---|---|
hidden | 文档处于背景标签页或者窗口处于最小化状态,或者操作系统正处于’锁屏状态‘ |
visible | 只要页面可见,哪怕只露出了一个角,document.visibilityState 也会返回 visible |
prerender | 页面在屏幕外执行预渲染处理 document.hidden 的值为 true |
unloaded(废弃) | 表示页面即将卸载 |
ps:当 document.visibilityState
属性返回 visible
时,document.hidden
属性返回 false
;其他情况下,都返回 true
JS
document.</