湖北海厦建设有限公司网站,计算机应用技术网站开发方向,淘宝指数查询工具,wordpress免费续ssl证书页面可见性
页面可见性介绍
长期以来我们一直缺少一个判断用户是否正在浏览某个指定标签页的方法。用户是否去看别的网站了#xff1f;他们切换回来了吗#xff1f;现在html5里页面可见性接口就提供给了程序员一个方法#xff0c;让他们使用visibilitychange页面事件来判断…页面可见性
页面可见性介绍
长期以来我们一直缺少一个判断用户是否正在浏览某个指定标签页的方法。用户是否去看别的网站了他们切换回来了吗现在html5里页面可见性接口就提供给了程序员一个方法让他们使用visibilitychange页面事件来判断当前页面可见性状态并针对性的执行某些任务。同时还有新的document.hidden属性可以使用
代码段 go
bodyp页面可见性示例/pscriptdocument.addEventListener(visibilitychange, function() {if (document.visibilityState hidden) {document.title 去哪儿了快回来}if (document.visibilityState visible) {document.title 页面可见性示例}})/script
/bodydocument.hidden这个新出现的document.hidden属性它显示页面是否为用户当前观看的页面值为true或falsedocument.visibilityState :visibilityState 的值要么是visible表明页面为浏览器当前激活tab而且窗口不是最小化状态要么是hidden表示页面不是当前激活tab页面或者窗口最小化了或者prerender,表示页面在重新生成对用户不可见。visibilitychange事件监听页面可见性变化事件
