监听H5网页切换到后台或者手机处于息屏状态

A small

于 2021-07-23 16:11:36 发布

阅读量2.6k

点赞数 1

文章标签： js web

本文链接：https://blog.youkuaiyun.com/zjmxbd/article/details/119038184

版权

这段代码使用document.addEventListener('visibilitychange'回调函数，当H5页面在后台或手机息屏时，打印'H5已切换到后台或手机息屏'；反之，如果页面在前台，打印'H5已切换到网页'。这有助于理解和跟踪H5页面的状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

document.addEventListener("visibilitychange",()=>{
    if(document.hidden){
       console.log("H5已切换到后台或手机息屏");
     }else{
       console.log("H5已切换到网页");
     }
})