Javascript per rilevare se l'utente cambia scheda

Question

Voglio scrivere una pagina web per il quiz online. Il requisito di base che ho è che, se la persona che accetta il quiz cambia scheda o apre una nuova finestra anche senza minimizzare il browser, cioè se la persona prova a vedere la risposta da qualche altra finestra/scheda, il quiz dovrebbe fermarsi. Come posso farlo?
P.S: non dovrebbe essere una funzionalità HTML5 molto nuova. Voglio che sia supportata da tutti i principali browser al momento.

Answer 1

è possibile determinare se una scheda o una finestra è attiva collegando un listener di eventi sfocatura/messa a fuoco a finestra.

in jQuery sarebbe

$(window).focus(function() { 
    //do something 
}); 

$(window).blur(function() { 
    //do something 
}); 

citato da questo SO rispondere: https://stackoverflow.com/a/1760268/680578

Answer 2

Se si stanno indirizzando i browser che lo supportano, è possibile utilizzare l'API di visibilità delle pagine disponibile in HTML5. Non rileva direttamente le modifiche alle schede, per dire, ma cambia la visibilità. Che includerebbe (ma non limitato a) le modifiche alle schede.

Vedi https://developer.mozilla.org/en/DOM/Using_the_Page_Visibility_API

Answer 3

funzione migliore mani nativi verso il basso, senza jQuery.

document.hasFocus 

Controllare la penna, controllare ciò che succede quando si va al link e tornare alla scheda codepen.

https://codepen.io/damianocel/pen/Yxxzdj