是否有可能檢測到用戶切換到不同的瀏覽器選項卡？

Question

我試圖檢測用戶何時從當前瀏覽器選項卡切換到另一個選項卡。監聽window.onblur在firefox中工作良好，可以檢測用戶何時將焦點切換到另一個窗口，但當用戶切換到另一個選項卡時似乎不會觸發。但是，從另一個選項卡切換到相關標籤時，似乎會激發onfocus。

有沒有辦法檢測用戶何時離開當前標籤？

Answer 1

顯然，在Firefox中，如果您使用document.onBlur而不是window.onblur作爲事件處理程序，它將適用於製表符切換。

Answer 2

此示例代碼似乎適用於我。當我切換標籤時，我編輯了代碼以顯示一個警告框（請不要這樣做）。它導致了一個無限循環;-)並不得不使用任務管理器關閉FF。

來源：http://www.thefutureoftheweb.com/blog/detect-browser-window-focus

function onBlur() { 
    document.body.className = 'blurred'; 
}; 
function onFocus(){ 
    document.body.className = 'focused'; 
}; 

if (/*@cc_on!@*/false) { // check for Internet Explorer 
    document.onfocusin = onFocus; 
    document.onfocusout = onBlur; 
} else { 
    window.onfocus = onFocus; 
    window.onblur = onBlur; 
}