判断当前页面是不是用户正在浏览的

通过visibilitychange事件来判断页面可见性的状态,通过document.hidden来判断当前页面是否在浏览

兼容版本代码:

// 各种浏览器兼容
var hidden, visibilityChange; 
if (typeof document.hidden !== "undefined") {
    hidden = "hidden";
    visibilityChange = "visibilitychange";
} else if (typeof document.mozHidden !== "undefined") {
    hidden = "mozHidden";
    visibilityChange = "mozvisibilitychange";
} else if (typeof document.msHidden !== "undefined") {
    hidden = "msHidden";
    visibilityChange = "msvisibilitychange";
} else if (typeof document.webkitHidden !== "undefined") {
    hidden = "webkitHidden";
    visibilityChange = "webkitvisibilitychange";
}

// 添加监听器,在title里显示状态变化
document.addEventListener(visibilityChange, function() {
    if(document[hidden]){
        // 用户没有浏览当前页面
    }else{
        // 用户正在浏览当前页面
    }
}, false);

猜你喜欢

转载自blog.csdn.net/csm0912/article/details/80886445