js visibility

作者：残缺的不完美发布日期:2025-12-22 浏览:9

// 示例代码：使用 JavaScript 检测页面可见性

// 使用 visibilitychange 事件监听页面可见性变化
document.addEventListener('visibilitychange', function() {
    if (document.visibilityState === 'visible') {
        console.log('页面现在是可见的');
    } else {
        console.log('页面现在是不可见的');
    }
});

// 解释说明：
// 1. `document.visibilityState` 返回一个字符串，表示当前页面的可见状态：
//    - 'visible': 页面对用户可见。
//    - 'hidden': 页面对用户不可见（例如切换到其他标签页或最小化浏览器）。
// 2. `visibilitychange` 事件在页面可见性发生变化时触发。
// 3. 可以根据页面的可见性执行不同的操作，例如暂停视频播放、停止动画等。

上一篇：js trimstart

下一篇：js dayjs