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

诗梦
11414
文章
720
评论
2019年4月15日08:25:47浏览器网页标题随焦点离开变化已关闭评论 10.2K 次浏览 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
  • 文本由 发表于 2019年4月15日08:25:47
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接
为begin主题首页友链加上favicon图标 教程

为begin主题首页友链加上favicon图标

为begin主题首页小伙伴友链处加上网站的favicon图标,看到鸟叔的网站带有了,自己也搞一个,没鸟叔的代码好。 使用:直接把下面代码丢到主题页脚文件</body>前即可。 代码: &l...
WordPress博客侧栏添加广告样式代码 教程

WordPress博客侧栏添加广告样式代码

WordPress博客侧栏博客小工具添加广告样式代码,很久就想搞了,用来引流我的淘客站,代码别人的,只是改了合我审美观的颜色。 教程:后台小工具里在你需要显示的地方添加html小工具,切换为文本模式,...