这个是在做唤醒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端浏览器失去焦点不会触发该事件,但是最小化,或回到桌面会触发。