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

2019年4月15日08:25:47 发表评论 399人围观

浏览器网页标题随焦点离开变化代码,不要离开我,可以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
广告也精彩

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: