Javascript para detectar si el usuario cambia la pestaña

Question

Quiero escribir una página web para la prueba en línea.El requisito básico es que, si la persona que toma la prueba cambia de pestaña o abre una nueva ventana, incluso sin minimizar el navegador, es decir, si la persona intenta ver la respuesta desde otra ventana/pestaña, la prueba debe detenerse. ¿Cómo puedo hacer eso?
P.S: no debe ser una función HTML5 muy nueva. Quiero que sea compatible con todos los principales navegadores actualmente.

Answer 1

se puede determinar si una pestaña o ventana está activa uniendo un detector de eventos desenfoque/foco a la ventana.

en jQuery sería

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

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

cita de este SO responder: https://stackoverflow.com/a/1760268/680578

Answer 2

Si se dirige a los navegadores que lo admiten, puede usar la API Visibilidad de página disponible en HTML5. No detecta directamente los cambios de pestaña, por decir, pero la visibilidad cambia. Que incluiría (pero no se limita a) cambios de pestaña.

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

Answer 3

mejores manos función nativa abajo, sin jQuery.

document.hasFocus 

Revisa el bolígrafo, comprueba lo que sucede cuando vas al enlace y vuelves a la pestaña del códec.

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