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

使用的时候只需要将下面的代码另存为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; //“o(>﹏<)o不要离开”我内容可自定义
        } else {
            document.title = oldTitle;
        }
    }
    function getBrowserPrefix() {
        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];
            }
        }
        return null;
    }
    function hiddenProperty(prefix) {
        if (prefix) {
            return prefix + 'Hidden';
        } else {
            return 'hidden';
        }
    }
    function visibilityState(prefix) {
        if (prefix) {
            return prefix + 'VisibilityState';
        } else {
            return 'visibilityState';
        }
    }
    function visibilityEvent(prefix) {
        if (prefix) {
            return prefix + 'visibilitychange';
        } else {
            return 'visibilitychange';
        }
    }
})();