使用Page Visibility 监听页面是否处于激活(可见)状态
一般用于在切换页面回到该页面,进行页面刷新1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40// 当页面处于激活时刷新页面
Listener(){
var hidden = "hidden";
var that = this;
//各个浏览器属性兼容
if (hidden in document)
document.addEventListener("visibilitychange", onchange);
else if ((hidden = "mozHidden") in document)
document.addEventListener("mozvisibilitychange", onchange);
else if ((hidden = "webkitHidden") in document)
document.addEventListener("webkitvisibilitychange", onchange);
else if ((hidden = "msHidden") in document)
document.addEventListener("msvisibilitychange", onchange);
else if ("onfocusin" in document)
document.onfocusin = document.onfocusout = onchange;
else
window.onpageshow = window.onpagehide = window.onfocus = window.onblur = onchange;
//主要功能代码
//网页状态改变事件
function onchange(evt) {
if(document[hidden]){
document.title = "普洱茶";
}else{
document.title = "普洱茶";
console.log('truetruetrue');
that.getCart();
that.loadAjax(1);
that.indexmode();
}
}
if (document[hidden] !== undefined)
onchange({
type: document[hidden] ? "blur" : "focus"
});
},