body.onpagehide | Html

Descripción

El evento onpagehide se lanza cuando el usuario abandona la página en la que estamos. Ya sea porque navegamos mediante un enlace, damos a actualizar la página, cerramos la ventana del navegador, navegamos en el historial del navegador,…

Existe también el evento onunload para poder realizar la misma gestión. Pero en el caso del onunload la página no es cacheada.

Sintaxis

<body onpagehide="funcion(event)"></body>

Elemento Padre

body

Ejemplo

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Abandonar Página</title>
</head>
<body>

    <h1>Abandonar Página</h1>

    <script>

        window.addEventListener("pagehide",function(e){
            console.log("Se abandona la página");            
        },false);

    </script>
    
</body>
</html>

Artículos

Manual HTML

Aprende más sobre HTML consultando online o descargando nuestro manual.

Test HTML

¿Te atreves a probar tus habilidades y conocimiento en HTML con nuestro test?

Vídeos HTML

Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.