这个是在做唤醒app时用到的，当时做出来的最终实现效果和京东的很相似。
visibilitychange事件是浏览器新添加的一个事件，当浏览器的某个标签页切换到后台，或从后台切换到前台时就会触发该消息，现在主流的浏览器都支持该消息。
下面是当初做功能时查到的小栗子~，有时间再把我写的功能代码也整理一下
<body onload="load()">
function onVisibilityChanged(event) {
var hidden = event.target.webkitHidden;
if (hidden)
audioElement.pause();
else
audioElement.play();
}
function load() {
document.addEventListener("webkitvisibilitychange", onVisibilityChanged, false);
注：
（1）微信内置的浏览器因为没有标签，所以不会触发该事件。
（2）手机端直接按Home键回到桌面，也不会触发该事件。
（3）PC端浏览器失去焦点不会触发该事件，但是最小化，或回到桌面会触发。
网友评论