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()">

Prueba personalmente

Sintaxis

En HTML:

<elemento onbeforeunload="myScript">

Prueba personalmente

En JavaScript:

objeto.onbeforeunload = function(){myScript};

Prueba personalmente

En JavaScript, utilice el método addEventListener():

objeto.addEventListener("beforeunload", myScript);

Prueba personalmente

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