前端开发

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...
});

浏览器兼容性

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