监听浏览器是否切换界面

支持浏览器内部切换、浏览器界面隐藏 时触发

代码：

// 获取浏览器是否切换界面
export const judgePageChange = (cb) => {
  // 分别兼容：['chrome', '火狐', 'ie']
  // 需要兼容其他浏览器添加参数判断进去就行了
  ['webkitVisibility', 'mozvisibility', 'msvisibility']
  .forEach(item =>
    `${item}State` in document &&
    document.addEventListener(`${item.toLowerCase()}change`, () => cb(document[`${item}State`])))
}

调用：

judgePageChange((status)=> {
  document.title = status
})

效果图