zoukankan      html  css  js  c++  java
  • 一些常用js方法汇总

    1.判断当前网站是否被打开且是激活可见状态,是否被别的窗口遮住?

    /** 判断当前网站是否被打开,适配不同浏览器,返回不同的监听事件等 */
    export function isHideDocument() {
      let hidden; let state; let visibilityChange;
      if (typeof document.hidden !== 'undefined') {
        hidden = 'hidden';
        visibilityChange = 'visibilitychange';
        state = 'visibilityState';
      } else if (typeof document.mozHidden !== 'undefined') {
        hidden = 'mozHidden';
        visibilityChange = 'mozvisibilitychange';
        state = 'mozVisibilityState';
      } else if (typeof document.msHidden !== 'undefined') {
        hidden = 'msHidden';
        visibilityChange = 'msvisibilitychange';
        state = 'msVisibilityState';
      } else if (typeof document.webkitHidden !== 'undefined') {
        hidden = 'webkitHidden';
        visibilityChange = 'webkitvisibilitychange';
        state = 'webkitVisibilityState';
      }
      return { hidden, visibilityChange, state }
    }
    View Code
    // 如何使用该方法展示
     // 获取和监听页面状态
          const isHideDocumentInit = isHideDocument(); //获取当前运行浏览器适配的名字;
          let isHide = document[isHideDocumentInit.state];//是否当前是非激活状态
          this.$store.commit('SET_DOCUMENT_IS_HIDE', isHide === 'hidden')
          document.addEventListener(isHideDocumentInit.visibilityChange, () => { //添加是否可视的监听
            isHide = document[isHideDocumentInit.state]
            this.$store.commit('SET_DOCUMENT_IS_HIDE', isHide === 'hidden')
          }, false);
  • 相关阅读:
    python 将png图片格式转换生成gif动画
    JetBrains系IDE的设置Pycharm PHPStorm
    Nginx 静态页面POST 请求提示405 Not Allowed
    安装SSL证书 and 根域名跳转www域名
    Linux 安装qt5-designer并集成到Pycharm
    Deepin 自动挂载win NTFS磁盘
    Nginx+DNS负载均衡实现
    swoole websocket服务推送
    Linux版 php5.4 升级php7
    百度 Javascript开发 API
  • 原文地址:https://www.cnblogs.com/chun321/p/15433131.html
Copyright © 2011-2022 走看看