码迷,mamicode.com
首页 > Web开发 > 详细

网页失去焦点事件 visibilitychange

时间:2019-06-10 14:12:31      阅读:212      评论:0      收藏:0      [点我收藏+]

标签:div   script   lse   add   span   cti   fun   处理   后台管理   

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

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

eg:

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

 

网页失去焦点事件 visibilitychange

标签:div   script   lse   add   span   cti   fun   处理   后台管理   

原文地址:https://www.cnblogs.com/xiaoheihei/p/10996978.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!