Evento per quando l'utente cambia le schede del browser

Question

Sto cercando un evento che si attiva ogni volta che l'utente passa dalla pagina a un'altra scheda e un altro evento che si attiva quando l'utente torna nuovamente alla scheda.

window.onblur e window.onfocus don't seem to work correctly in tutti i browser

C'è un proxy potevo guardare per sintetizzare questo evento?

Answer 1

Si potrebbe provare a utilizzare un framework, come MooTools o jQuery che fornisce supporto per browser. Dovrebbero essere in grado di rilevare con maggiore affidabilità gli eventi blur e focus per la finestra del browser.

io personalmente ho usato jQuery con molto successo:

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

Answer 2

Si può anche cercare di utilizzare 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)