html怎么判断用户是否登录,
现在,HTML5中的页面可见性接口为程序员提供了使用visibilitychange页面事件来判断当前页面可见性状态并执行某些任务的方法。还有一个新的document.hidden属性。
document.hidden
这个新出现的document.hidden属性显示用户当前是否正在查看该页面,它的值为true或false。
document.visibilityState
visibilityState的值可以是可见的(指示页面当前在浏览器中被选项卡激活,并且窗口未最小化)或隐藏的(页面当前未被选项卡激活,或者窗口已最小化)。),或者prerender(页面正在重新生成,对用户不可见。).
visibilitychange事件
监视页面可见性的变化非常容易:复制如下代码:
//兼容各种浏览器
var隐藏、状态、可视性变化;
if(文档类型. hidden!==未定义){
hidden= hidden
visibility change= visibility change ;
state= visibilityState
} else if(type of document . moz hidden!==未定义){
hidden= mozHidden
visibility change= mozvisibilitychange ;
state= mozVisibilityState
} else if(type of document . ms hidden!==未定义){
hidden= msHidden
visibility change= msvisibilitychange ;
state= msVisibilityState
} else if(type of document . WebKit hidden!==未定义){
hidden= webkitHidden
visibility change= webkitvisibilitychange ;
state= webkitVisibilityState
}/pp//添加一个侦听器以在标题中显示状态更改
document . addevent listener(visibility change,function() {
document.title=文档[状态];
},假);/pp//初始化
document.title=文档[状态];
上面的代码会在页面的可见性改变时修改document.title的值!
那么,什么时候需要使用visibilitychange事件呢?例如,如果您的页面上有一个嵌入的视频正在播放,当用户切换到另一个标签时,您标签上的视频应该自动暂停播放,并在用户切换回来时继续播放。例如,如果您的页面有一个自动刷新操作,那么当用户切换到其他选项卡时,您应该停止刷新,而当用户切换回来时,您应该继续之前的操作。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。