网页失去焦点事件 visibilitychange

Posted 2022-01-02 xiaoheihei

当网页失去焦点事件时会触发 visibilitychange 事件，可进行相关逻辑处理

如失去焦点需暂停播放 或 变更title吸引用户回来..

eg:

<script>
    document.addEventListener(‘visibilitychange‘, function () 
        var isHidden = document.hidden;
        if (isHidden) 
            //失去焦点
            document.title = ‘小主，快回来‘;
        
        else 
            //未失去焦点
            document.title = ‘xxx后台管理‘;
        
    );
</script>