zoukankan      html  css  js  c++  java
  • 页面可见性-浏览器选项卡失焦-HTML5-visibilitychange

    笑的胃疼~

    刚知道选项卡浏览器还有失焦这一回事儿,现在我编辑这段文字的时候,浏览器选项卡的焦点就是当前的页面,请看:

    然后,然后,后边有个网页奔溃了。。。这个就是失焦,我这么叫也不知道对不对,切换一下选项卡,看崩溃之前的网站title是什么:

    帅不帅!

    去看了一下源码,才发现,居然还有这么个事件,叫做:visibilitychange,没错,这个是新的,em...也可能一年前是新的,而我刚刚知道,挺好玩,能做一些好玩的事儿

    代码如下:

    1 if(document.addEventListener){
    2     var _title = document.title;
    3     document.addEventListener('visibilitychange', function() {
    4         document.title = document.hidden ? '网页奔溃了...o(╯□╰)o...' : _title
    5     });
    6 };

    没错,这就是上图切换的js源码,也可以这么玩:

    1 if(document.addEventListener){
    2     document.addEventListener('visibilitychange', function() {
    3         document.title = document.hidden ? '你要走了吗?' : '你回来啦!'
    4     });
    5 };

    裆燃,它的作用肯定不止如此,至于能应用到哪儿,就看自我发挥了

  • 相关阅读:
    Kafka-1
    消息队列
    分布式分类
    认识分布式
    数据库引擎
    Django插入多条数据—bulk_create
    Django中update和save()同时作用
    联合唯一去重的SQL
    Direct3D11学习:(三)Direct3D11初始化
    Direct3D11学习:(零)常见问题及解决方法整理
  • 原文地址:https://www.cnblogs.com/Sinhtml/p/8607229.html
Copyright © 2011-2022 走看看