TA貢獻(xiàn)1784條經(jīng)驗(yàn) 獲得超9個(gè)贊
自從最初撰寫此答案以來，由于W3C ，新規(guī)范已達(dá)到推薦狀態(tài)。在網(wǎng)頁瀏覽權(quán)限API（在MDN）現(xiàn)在允許當(dāng)一個(gè)頁面被隱藏到用戶我們更準(zhǔn)確地檢測。
目前的瀏覽器支持
Chrome 13+
Internet Explorer 10+
Firefox 10+
Opera 12.10+ [ 閱讀筆記 ]
以下代碼使用API，回退到不兼容的瀏覽器中不太可靠的模糊/焦點(diǎn)方法。
(function() {
var hidden = "hidden";
// Standards:
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);
// IE 9 and lower:
else if ("onfocusin" in document)
document.onfocusin = document.onfocusout = onchange;
// All others:
else
window.onpageshow = window.onpagehide = window.onfocus = window.onblur = onchange;
function onchange (evt) {
var v = "visible", h = "hidden",
evtMap = {
focus:v, focusin:v, pageshow:v, blur:h, focusout:h, pagehide:h };
evt = evt || window.event;
if (evt.type in evtMap)
document.body.className = evtMap[evt.type];
else
document.body.className = this[hidden] ? "hidden" : "visible";
}
// set the initial state (but only if browser supports the Page Visibility API)
if( document[hidden] !== undefined )
onchange({type: document[hidden] ? "blur" : "focus"});})();onfocusin并且onfocusout是IE 9及更低版本所必需的，而所有其他人都使用onfocus和onblur使用onpageshow和的iOS除外onpagehide。
TA貢獻(xiàn)1946條經(jīng)驗(yàn) 獲得超4個(gè)贊
我會使用jQuery因?yàn)槟菢幽闼龅木褪牵?/p>
$(window).blur(function(){
//your code here});$(window).focus(function(){
//your code});或者至少它對我有用。
舉報(bào)