页面可见性:判断当前页面是否是用户正在浏览的页面。
HTML5提供了一个visibilitychange页面事件来判断当前页面可见性的状态,并针对性的执行某些任务。同时,还有document.hidden属性可以使用。
- document.hidden: 页面是否是当前用户正在浏览的页面,返回true或者false。
- document.visibilityState: visible:表明页面为浏览器当前激活tab,而且窗口不是最小化状态; hidden:表明页面不是当前激活tab页面,或者窗口最小化了; prerender: 表示页面在重新生成,对用户不可见。
- visibilitychange 事件:页面可见性变化时触发。 document.addEventListener("visibilitychange", function() { // 函数体})