En ocasiones puede ser interesante mostrar un mensaje de advertencia al usuario si este pretende cerrar el navegador de forma “desordenada” sin haber realizado antes alguna acción que el programa pueda controlar como puede ser guardar algún dato, etc.
A continuación se muestra una manera de hacer esto. Se trata de pasarle unos valores a un par de propiedades del objeto “event” una de las cuales es el mensaje que se quiere mostrar al usuario.
event.cancelBubble=true;
event.returnValue='Si ha realizado algún cambio en la pantalla y desea conservarlo
debe pulsar el botón guardar';
Estas instrucciones se pueden encapsular en una función que debe ser llamada en el evento “onbeforeunload” del “body” de la página en cuestión.
El código quedaría de la siguiente forma:
<html>
<head>
<script>
function AlertUnload()
{
event.cancelBubble=true;
event.returnValue='Si ha realizado algún cambio en la pantalla y desea conservarlo
debe pulsar el botón guardar';
}
</script>
</head>
<body onbeforeunload="AlertUnload()">
</body>
</html>
Xavier Ballestar