h5监听页面显示隐藏

适用于=> 手机切后台，或者pc端切页面，想要暂停音乐播放或者倒计时停止时。

let hidden, visibilityChange;

if (typeof document.hidden !== "undefined") {

hidden = "hidden";

visibilityChange = "visibilitychange";

} else if (typeof document["msHidden"] !== "undefined") {

hidden = "msHidden";

visibilityChange = "msvisibilitychange";

} else if (typeof document["webkitHidden"] !== "undefined") {

hidden = "webkitHidden";

visibilityChange = "webkitvisibilitychange";

}



const handleVisibilityChange = () => {

if (document.visibilityState == "visible") {

console.info("网页显示");

} else if (document.visibilityState == "hidden") {

console.log("网页隐藏");

}

};

document.addEventListener(visibilityChange, handleVisibilityChange, false);