Código de JavaScript - Cambiar el titulo de la pagina cuando se cambia de pestaña en el navegador

Val: 2.288

Cambiar el titulo de la pagina cuando se cambia de pestaña en el navegador

Publicado el 2 de Marzo del 2021 por Katas (200 códigos)

2.032 visualizaciones desde el 2 de Marzo del 2021

Este simple código muestra como utilizando el evento visibilitychange (https://developer.mozilla.org/en-US/docs/Web/API/Document/visibilitychange_event) podemos cambiar el titulo que aparece en la pestaña del navegador cuando obtiene el foco y cuando lo pierde.

Publicado el 2 de Marzo del 2021

2.033 visualizaciones desde el 2 de Marzo del 2021

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>Pestaña activa</title>

</head>

<body>

    Cambia de pestaña para ver el cambio de titulo de la pagina

</body>

</html>

<script>

document.addEventListener("visibilitychange", () => {

    document.title = document.visibilityState == "visible"

        ? "Pestaña activa"

        : "Pestaña inactiva";

});

</script>

No hay comentarios


Nombre

Correo (no se visualiza en la web)

Valoración

Comentarios...

CerrarCerrar

Es necesario revisar y aceptar las políticas de privacidad

Acepto las políticas de privacidad

http://lwp-l.com/s6918

Obtener todas las imágenes de nuestra pagina web

Metodo burbuja de ordenamiento sobre un array de objetos por dos valores