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

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

(function(){
    var vendorPrefix=getBrowserPrefix();
    var eventName=visibilityEvent(vendorPrefix);
    document.addEventListener(eventName,visibilityEventCallback);
    var oldTitle=document.title;
    function visibilityEventCallback(){
        if(document.hidden){
            oldTitle=document.title;
            document.title="o(>﹏<)o不要离开我"+oldTitle;
        }else{
            document.title=oldTitle;
        }
    }
    /*------------------------ 解决浏览器兼容性问题 ----------------------------------*/
    // Get Browser-Specifc Prefix
    function getBrowserPrefix() {
          // Check for the unprefixed property.  
          if ('hidden' in document) {
            return null;
        }
        // All the possible prefixes.  
        var browserPrefixes = ['moz', 'ms', 'o', 'webkit'];
        for (var i = 0; i < browserPrefixes.length; i++) {
            var prefix = browserPrefixes[i] + 'Hidden';
            if (prefix in document) {
              return browserPrefixes[i];
            }
        }
         // The API is not supported in browser.  
         return null;
    }
    // Get Browser Specific Hidden Property
    function hiddenProperty(prefix) {
        if (prefix) {
            return prefix + 'Hidden';
        } else {
            return 'hidden';
        }
    }
    // Get Browser Specific Visibility State
    function visibilityState(prefix) {
      if (prefix) {
        return prefix + 'VisibilityState';
      } else {
        return 'visibilityState';
      }
    }
    // Get Browser Specific Event
    function visibilityEvent(prefix) {
      if (prefix) {
        return prefix + 'visibilitychange';
      } else {
        return 'visibilitychange';
      }
    }
})();

免费资源
© 版权声明
THE END
喜欢就支持一下吧
点赞1
分享
评论 抢沙发

请登录后发表评论