页面可见性:就是对于用户而言,页面是显示还是隐藏,所谓显示的页面,就是我们正在看的页面;隐藏的页面,就是我们没有看的页面。因为,我们一次可以打开好多标签页面来回切换着,始终只有一个页面在我们眼前,其他页面就是隐藏的,还有一种就是.........,(把浏览器最小化,所有的页面就都不可见了)。
API很简单,document.hidden就返回一个布尔值,如果是true,表示页面可见,false则表示,页面隐藏。不同页面之间来回切换,触发能见度更改事件。还有一个document.visibilityState,表示页面所处的状态,取值:visible,hidden等四个。
文件。的addEventListener(“ visibilitychange ”,函数(){
如果(文件。隐藏){
文档。标题 = “隐藏” ;
} else {
文档。标题 = “可见” ;
}
});
我们打开这个页面,然后再打开另一个页面,来回点击这两个页面,当我们看到这个页面时,标题显示visiable,当我们看另一个页面时,标题显示隐藏;
动画,视频,音频都可以在页面显示时打开,在页面隐藏时关闭
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。