首页新闻找找看学习计划

搜索框focus 搜索面板 从浏览器别的页面回来消失怎么实现

0
[已解决问题] 解决于 2019-10-25 14:32

目前的处理

currentPage: function() {
      var hiddenProperty = 'hidden' in document ? 'hidden' : 'webkitHidden' in document ? 'webkitHidden' : 'mozHidden' in document ? 'mozHidden' : null
      var visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange')
      var onVisibilityChange = function() {
        if (!document[hiddenProperty]) {
          setTimeout(() => {
            var div =
              document.querySelector('.result')
            if (div) { div.style.display = 'none' }
          }, 100)
        }
      }
      document.addEventListener(visibilityChangeEvent, onVisibilityChange)
    }
wwj007的主页 wwj007 | 菜鸟二级 | 园豆:245
提问于:2019-09-19 10:56
< >
分享
最佳答案
0

监听页面是否是浏览器当前页面,控制显示

function currentPage() {
  var hiddenProperty = 'hidden' in document ? 'hidden' :
    'webkitHidden' in document ? 'webkitHidden' :
      'mozHidden' in document ? 'mozHidden' :
        null;
  var visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange');
  var onVisibilityChange = function () {
    if (!document[hiddenProperty]) {
      console.log('页面激活');
    } else {
      console.log('页面非激活')

    }
  }
  document.addEventListener(visibilityChangeEvent, onVisibilityChange);
}
wwj007 | 菜鸟二级 |园豆:245 | 2019-10-25 14:32
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册