浏览器网页标题随焦点离开变化

诗梦
420
文章
723
评论
2019年4月15日08:25:47浏览器网页标题随焦点离开变化已关闭评论 7.9K 次浏览 1721字阅读5分44秒
广告

心灵毒鸡汤:

浏览器网页标题随焦点离开变化代码,不要离开我,可以div修改一下。
使用的时候只需要将下面的代码另存为js文件页脚调用即可。浏览器网页标题随焦点离开变化

  1. (function(){
  2.     var vendorPrefix=getBrowserPrefix();
  3.     var eventName=visibilityEvent(vendorPrefix);
  4.     document.addEventListener(eventName,visibilityEventCallback);
  5.     var oldTitle=document.title;
  6.     function visibilityEventCallback(){
  7.         if(document.hidden){
  8.             oldTitle=document.title;
  9.             document.title="o(>﹏<)o不要离开我"+oldTitle;
  10.         }else{
  11.             document.title=oldTitle;
  12.         }
  13.     }
  14.     /*------------------------ 解决浏览器兼容性问题 ----------------------------------*/
  15.     // Get Browser-Specifc Prefix
  16.     function getBrowserPrefix() {
  17.           // Check for the unprefixed property.  
  18.           if ('hidden' in document) {
  19.             return null;
  20.         }
  21.         // All the possible prefixes.  
  22.         var browserPrefixes = ['moz', 'ms', 'o', 'webkit'];
  23.         for (var i = 0; i < browserPrefixes.length; i++) {
  24.             var prefix = browserPrefixes[i] + 'Hidden';
  25.             if (prefix in document) {
  26.               return browserPrefixes[i];
  27.             }
  28.         }
  29.          // The API is not supported in browser.  
  30.          return null;
  31.     }
  32.     // Get Browser Specific Hidden Property
  33.     function hiddenProperty(prefix) {
  34.         if (prefix) {
  35.             return prefix + 'Hidden';
  36.         } else {
  37.             return 'hidden';
  38.         }
  39.     }
  40.     // Get Browser Specific Visibility State
  41.     function visibilityState(prefix) {
  42.       if (prefix) {
  43.         return prefix + 'VisibilityState';
  44.       } else {
  45.         return 'visibilityState';
  46.       }
  47.     }
  48.     // Get Browser Specific Event
  49.     function visibilityEvent(prefix) {
  50.       if (prefix) {
  51.         return prefix + 'visibilitychange';
  52.       } else {
  53.         return 'visibilitychange';
  54.       }
  55.     }
  56. })();
历史上的今天
四月
15
  • 赞助本站
  • 三合一收款码
  • weinxin
  • 赞助本站
  • 三合一收款码
  • weinxin
云翼计划
云计算普惠校园计划,助力学生的辉煌明天!
  • 文本由 发表于 2019年4月15日08:25:47
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接