获取当前窗口是否可见 document.visibilityState

document.visibilityState

document.visibilityState （只读属性）, 返回document的可见性, 即当前可见元素的上下文环境. 由此可以知道当前文档(即为页面)是在背后, 或是不可见的隐藏的标签页，或者(正在)预渲染.可用的值如下：

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

当此属性的值改变时, 会递交 visibilitychange 事件给Document 典型用法是防止当页面正在渲染时加载资源,
或者当页面在背景中或窗口最小化时禁止某些活动

添加监听事件

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

获取当前窗口是否可见 document.visibilityState相关推荐

Document.visibilityState 页面监听 vue中实现离开页面时计时停止：停止计时后从上一次开始计时
概述 Document.visibilityState (只读属性), 返回document的可见性, 即当前可见元素的上下文环境. 由此可以知道当前文档(即为页面)是在背后, 或是不可见的隐藏的标签 ...
Javascript 获取浏览器窗口中文档（视口）可用尺寸的方法
摘要: 由于浏览器的差异,许多信息的获取都要考虑兼容性,窗口中文档可用尺寸是一个经常需要用到的信息,由于浏览器不同甚至版本不同,获取的方法也不一样,本文介绍的函数能够兼容各种浏览器,获取这一信息.同时 ...
获取父窗口元素或者获取iframe中的元素（相同域名下）
jquery方法在父窗口中获取iframe中的元素 //方法1 $("#iframe的ID").contents().find("iframe中的元素");/ ...
js获取window窗口高度（页面滚动条可滚动高度） - 代码篇
js中获取窗口高度的方法取窗口滚动条滚动高度 (如下文 · 截图) 一. javascript 和 jquery代码: //原生 javascript 代码: let scrollHeight = ...
html中获取浏览器窗口宽度,JavaScript 获取浏览器窗口的大小
简明现代魔法 -> JavaScript -> JavaScript 获取浏览器窗口的大小 JavaScript 获取浏览器窗口的大小 2010-04-16 程序演示: 获取浏览器当前窗口 ...
js获取浏览器窗口页面宽度、高度的方法 kaki 的博客
js获取浏览器窗口页面宽度.高度的方法不多说,直接上代码 alert($(window).height()); //浏览器时下窗口可视区域高度 alert($(document).height()) ...
jq获取页面高度_通过 jQuery 获取浏览器窗口高度问题
我曾经在使用jQuery一些东西的时候碰到了这样一些奇怪的问题.例如,我尝试着用 jQuery 的 $(window).height() 来获取浏览器窗口高度,就遇到了问题. 理论上,$(window ...
jquery获取父窗口的元素
$("#父窗口元素ID",window.parent.document).find("#man_id").val(); 对应javascript版本为windo ...
JS获取当前窗口的宽和高
JS获取当前窗口的宽和高 window.onload = function(){document.onclick = function(){//输出当前窗口的宽var windowWidth = do ...

获取当前窗口是否可见 document.visibilityState

document.visibilityState

添加监听事件

获取当前窗口是否可见 document.visibilityState相关推荐

最新文章

热门文章