Puede adjuntar focus
y blur
controladores de eventos en el objeto window
para rastrear si la ventana obtiene o pierde el foco (ver http://jsfiddle.net/whQFz/ para un ejemplo trivial). window
se aplica al contexto actual del navegador (por lo que podría ser una ventana, una pestaña, un marco, etc.).
Nota: El eventofocus
disparará cada vez que la ventana obtiene el foco y el evento blur
disparará cada vez que se pierde el foco. Un ejemplo de algo que quita el foco de la ventana es una ventana alert
. Si intenta alertar en un controlador de eventos onfocus
, obtendrá un bucle infinito de alertas.
// Set global counter variable to verify event instances
var nCounter = 0;
// Set up event handler to produce text for the window focus event
window.addEventListener("focus", function(event)
{
document.getElementById('message').innerHTML = "window has focus " + nIndex;
nCounter = nCounter + 1;
}, false);
// Example of the blur event as opposed to focus
// window.addEventListener("blur", function(event) {
// document.getElementById('message').innerHTML = "window lost focus"; },
// false);
¿Cómo es la compatibilidad del navegador? –