网页失去焦点事件 visibilitychange

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

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

eg:

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

 

posted @ 2019-06-10 12:03  米斯特唐  阅读(1775)  评论(0编辑  收藏  举报