Descripción
El evento onbeforeunload se lanza justo antes de que se ejecute un unload de la página, es decir, que el usuario abandone la página. La página todavía está visible y lo que podemos es formar a que salga un mensaje al usuario para que sepa que si abandona va a perder todos los datos de la página. Se utiliza con los formularios.
El evento onbeforeunload tiene que devolver un valor de null para que el agente de usaurio sepa que tiene que mostrar la alerta.
Sintaxis
<body onbeforeunload="funcion"></body>
Elemento Padre
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=ç, initial-scale=1.0">
<title>Controlar Abandono Página</title>
<div id="mensaje"></div>
<script type="text/javascript">
window.addEventListener("beforeunload",function(e){
document.getElementById("mensaje").innerHTML = "Si se va no se guardarán los datos";
(e || window.event).returnValue = null;
return null;
},true);
</script>
</head>
<body>
Artículos
Vídeos HTML
Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.