网站地图    收藏   

主页 > 前端 > javascript >

js判断当前页面显示隐藏

来源:未知    时间:2022-11-03 22:30 作者:小飞侠 阅读:

[导读] js判断当前页面显示隐藏,在有些项目中,需要知道当前页面是否显示还是隐藏。 javascript提供了一个这样的方法。 document.visibilityStatevisible:此时页面内容至少是部分可见。即此页面在前...

js判断当前页面显示隐藏,在有些项目中,需要知道当前页面是否显示还是隐藏。

javascript提供了一个这样的方法。

document.visibilityState
'visible' : 此时页面内容至少是部分可见。即此页面在前景标签页中,并且窗口没有最小化。
'hidden' : 此时页面对用户不可见。即文档处于背景标签页或者窗口处于最小化状态,或者操作系统正处于 '锁屏状态' .
'prerender' : 页面此时正在渲染中,因此是不可见的 (considered hidden for purposes of document.hidden). 
文档只能从此状态开始,永远不能从其他值变为此状态。注意:浏览器支持是可选的。

由此可见,我们可以利用事件监听来判断当前页面打开隐藏。

document.addEventListener("visibilitychange", function() {
  console.log( document.visibilityState, document.hidden );
  // Modify behavior...
});

浏览器兼容性

image.png

以上就是js判断当前页面显示隐藏全部内容,感谢大家支持自学php网。

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论