zoukankan      html  css  js  c++  java
  • js判断浏览器标签页是隐藏或者显示状态

    前言

    在工作中我们可能会遇到这样的需求,当浏览器切换到别的标签页或着最小化时,我们需要暂停页面上正在播放的视频或者音乐,这个需求就会用到我下面要说的这个知识点:

    1.document.visibilityState
    2.document.hidden
    3.isibilitychange

    具体用法

    浏览器标签页隐藏或者显示时会改变document.visibilityState和document.hidden的值,我们可以通过visibilitychange这个事件去监听他们状态值的变化;

    // 我在这里建议大家亲自试试以下代码
    document.addEventListener("visibilitychange", function() {
      console.log( document.visibilityState );
      console.log(document.hidden);
    });
    

      

    上面代码中:

    document.visibilityState有两个值,分别为hidden和visible,hidden表示标签页被隐藏了,visible则反之。

    document.hidden也有两个值,分别为true和false,true表示标签页被隐藏了,false则反之。


    摘自:https://blog.csdn.net/wxl1555/article/details/79717680

  • 相关阅读:
    C语言本身并不提供输入输出语句
    大数据
    kdd cup 论文
    决策树比较
    推荐系统
    geohash
    MySQLdb 安装
    天池大数据比赛
    逻辑回归
    矩阵分解
  • 原文地址:https://www.cnblogs.com/handsome-jm/p/11975708.html
Copyright © 2011-2022 走看看