當用戶切換瀏覽器標籤時的事件

Question

我正在尋找一個事件，當用戶將該頁面切換到另一個標籤時會觸發，另一個事件在用戶再次切換回標籤時觸發。

window.onblur和window.onfocus don't seem to work correctly在所有瀏覽器

是否有代理，我可以看看，以合成這個活動？

Answer 1

你可能會嘗試使用一個框架，比如MooTools或者jQuery，它們提供了跨瀏覽器的支持。他們應該能夠以更可靠的方式檢測瀏覽器窗口的blur和focus事件。

我個人使用jQuery的很成功：

$(window).blur(function(e) { 
    // Do Blur Actions Here 
}); 
$(window).focus(function(e) { 
    // Do Focus Actions Here 
}); 

Answer 2

您也可以嘗試使用VisibilityAPI。

document.addEventListener("visibilitychange", function() { 
    if (document.hidden){ 
     console.log("Browser tab is hidden") 
    } else { 
     console.log("Browser tab is visible") 
    } 
}); 

See also here on Stackoverflow (possible duplicate)