通过该事件可以判断当前页面对于用户的可见性，即返回用户当前浏览的页面或标签的状态变化。

visibilitychange（页面可见性改变事件）

该事件属于HTML5新API，兼容性IE10+，以及其他现代浏览器等。

以下是一个简单的案例，当用户离开当前页面时改变页面标题。

var pageVisible = (function(){
    var title = '';
    var change = function() {
        document.addEventListener('visibilitychange', function() {
            var temp = this.title;
            this.title = title;
            title = temp;
        })
    }
    return {
        init: function(tit){
            title = tit || '好好学习，天天向上！';
            change();
        }
    };
})();
pageVisible.init();

此外，还可以在事件内对页面可见性属性判断可见性状态。

document.hidden: Boolean值，表示当前页面可见还是不可见。

适用场景，如：

1.用户离开媒体页面停止播放媒体；
2.用户离开游戏页面暂停游戏；
3.等等……