页面激活触发事件，一切换到窗口就触发

CV菌子君

于 2023-09-11 15:49:56 发布

阅读量399

点赞数 1

文章标签：前端 javascript vue.js

本文链接：https://blog.youkuaiyun.com/weixin_46715953/article/details/132810713

版权

文章介绍了如何使用JavaScript在页面初次加载或从隐藏状态变为可见时，通过监听`visibilitychange`事件来实现特定功能。函数`judgeLoginFlag`检测页面是否可见，一旦激活则执行相应操作。

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

项目需要：页面要在刚刚激活的时候触发事件

function judgeLoginFlag(params) {
    let hiddenProperty = 'hidden' in document ? 'hidden' :
        'webkitHidden' in document ? 'webkitHidden' :
            'mozHidden' in document ? 'mozHidden' :
                null;
    let visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange');
    let onVisibilityChange = function () {
        if (!document[hiddenProperty]) {
            console.log('页面激活');
            // 事件触发
        }
    }
    document.addEventListener(visibilityChangeEvent, onVisibilityChange);
}