监听网页是否活动

共

113

字

需要≈

0.565

分钟

奇淫技巧

杂谈

实现思路一

监听visibilitychange事件,好处是兼容性比较好，并且无需引入任何库

javascript

// 注册监听事件
document.addEventListener('visibilitychange', ()=> {
    const isHidden = document.hidden;
    console.log(document.visibilityState)
    if (isHidden) {
        document.title = '诶，我又跳出来了';
    } else {
        document.title = '诶，我又站回来了';
    }
});

实现思路二

使用vueuse 提供的useVisibilityState,好处是返回的是响应式数据,会自动更新。

javascript

import { useVisibilityState } from '@vueuse/core'
const { isActive } = useVisibilityState()

转载请注明来源：LeeDaisen : 《监听网页是否活动》

监听网页是否活动

实现思路一 ​

实现思路二 ​

实现思路一

实现思路二