语言►JavaScript►document

如何监听网页的可见状态

本文作者: jsweibo

本文链接: https://jsweibo.github.io/2019/03/28/%E5%A6%82%E4%BD%95%E7%9B%91%E5%90%AC%E7%BD%91%E9%A1%B5%E7%9A%84%E5%8F%AF%E8%A7%81%E7%8A%B6%E6%80%81/

摘要

本文主要讲述了：

  1. document.hidden
  2. document.visibilityState

正文

document.hidden

共有 2 种布尔值状态：

  • true 页面对用户来说不可见
  • false 页面对用户来说可见

示例：

1
2
3
document.addEventListener('visibilitychange', function () {
  console.log(document.hidden);
});

document.visibilityState

共有 2 种字符串状态：

  • visible 页面对用户来说可见
  • hidden 页面对用户来说不可见

示例：

1
2
3
document.addEventListener('visibilitychange', function () {
  console.log(document.visibilityState);
});

参考资料

本文作者: jsweibo

本文链接: https://jsweibo.github.io/2019/03/28/%E5%A6%82%E4%BD%95%E7%9B%91%E5%90%AC%E7%BD%91%E9%A1%B5%E7%9A%84%E5%8F%AF%E8%A7%81%E7%8A%B6%E6%80%81/

本文对你有帮助？请支持我

支付宝
微信