onbeforeunload evento
Ejemplo
Ejecute un JavaScript cuando la página esté a punto de descargarse:
<body onbeforeunload="return myFunction()">
Definición y uso
El evento onbeforeunload ocurre cuando el documento está a punto de descargarse.
Este evento le permite mostrar un mensaje en un cuadro de diálogo de confirmación para informar al usuario si desea permanecer o abandonar la página actual.
El mensaje predeterminado que aparece en el cuadro de confirmación es diferente en diferentes navegadores. Sin embargo, el mensaje estándar es algo así como "¿Está seguro de que desea abandonar esta página?". Este mensaje no se puede eliminar.
Sin embargo, puede escribir un mensaje personalizado junto con el mensaje predeterminado. Vea el primer ejemplo en esta página. Nota : Esto solo funciona en Internet Explorer.
Nota: Si el evento onbeforeunload no está asignado al elemento <body>, debe asignar/adjuntar el evento en el objeto de la ventana y usar la propiedad returnValue para crear un mensaje personalizado (vea los ejemplos de sintaxis a continuación).
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el evento.
| Event | |||||
|---|---|---|---|---|---|
| onbeforeunload | Yes | Yes | Yes | Yes | 15.0 |
Sintaxis
En HTML:
<element onbeforeunload="myScript">
En JavaScript:
object.onbeforeunload = function(){myScript};
En JavaScript, usando el método addEventListener():
object.addEventListener("beforeunload", myScript);
Nota: el método addEventListener() no es compatible con Internet Explorer 8 y versiones anteriores.
Detalles técnicos
| Burbujas: | No |
|---|---|
| Cancelable: | sí |
| Tipo de evento: | UiEvent si se genera desde una interfaz de usuario, Evento de lo contrario |
| Etiquetas HTML compatibles: | <cuerpo> |
| Versión DOM: | Eventos de nivel 2 |