Día 22: Detectar cambio de tab con Javascript

Quizás no lo sabías pero el evento onblur puede ser asignado al elemento window. Esto nos permitirá detectar cuando la ventana en la que está el usuario pierde foco.

function cambiar_header() {
  document.getElementsByClassName('header')[0].style.backgroundImage="url('images/wuhu.gif')";
}
window.onblur = function() {
   cambiar_header();
}

Prueba con esta ventana: cambia de tab y regresa. Verás cómo el header cambia.

Esto nos permitirá mostrar algún mensaje (spam plz) o cualquier cosa que quieras. También puedes utilizar el evento onfocus.

window.onfocus = function() {
   otra_cosa();
}

palabras / Compartir en: Facebook , Twitter o copiar enlace