Evento onbeforeunload
Definición y uso
El evento onbeforeunload ocurre cuando el documento está a punto de ser cerrado.
Este evento le permite mostrar un mensaje en el cuadro de confirmación para notificar al usuario si desea permanecer o salir de la página actual.
El mensaje predeterminado que aparece en el cuadro de confirmación es diferente en diferentes navegadores. Sin embargo, los mensajes estándar son similares a “¿Está seguro de que desea salir de esta página?”. Este mensaje no se puede eliminar.
Pero, puede escribir el mensaje personalizado junto con el mensaje predeterminado. Vea el primer ejemplo en esta página. Comentarios: solo para Internet Explorer.
Comentarios:Si el evento onbeforeunload no se asigna al elemento <body>, debe asignar/adjuntar el evento al objeto window y usar la propiedad returnValue para crear un mensaje personalizado (véase el ejemplo de sintaxis a continuación).
Ejemplo
Ejecutar JavaScript cuando la página esté a punto de cerrarse:
<body onbeforeunload="return myFunction()">
Sintaxis
En HTML:
<elemento onbeforeunload="myScript">
En JavaScript:
objeto.onbeforeunload = function(){myScript};
En JavaScript, utilice el método addEventListener():
objeto.addEventListener("beforeunload", myScript);
Comentarios:Internet Explorer 8 o versiones anteriores no lo soportan Método addEventListener()。
Detalles técnicos
Burbujeo: | No soportado |
---|---|
Cancelable: | Soporte |
Tipo de evento: | Si se genera desde la interfaz de usuarioUiEvento。De lo contrario Evento。 |
Etiquetas HTML admitidas: | <body> |
Versión DOM: | Eventos de Nivel 2 |
Compatibilidad del navegador
Los números en la tabla indican la versión del navegador que admite completamente el evento.
Eventos | Chrome | IE | Firefox | Safari | Opera |
---|---|---|---|---|---|
onbeforeunload | Soporte | Soporte | Soporte | Soporte | 15.0 |