¿Ejecutar código JavaScript al cerrar la ventana o actualizar la página?

¿Hay alguna forma de ejecutar un código JavaScript final cuando un usuario cierra una ventana del navegador o actualiza la página?

Estoy pensando en algo similar a onload pero más como onclose? Gracias.

No me gusta el método onbeforeunload, que siempre produce un cuadro de confirmación que aparece (dejar la página / permanecer en mozilla) o (recargar / no recargar en Chrome). ¿Hay alguna forma de ejecutar el código de forma silenciosa?

Existen ambos window.onbeforeunloady window.onunload, que se utilizan de forma diferente según el navegador. Puede asignarlos configurando las propiedades de la ventana en funciones o usando .addEventListener:

window.onbeforeunload = function(){
   // Do something
}
// OR
window.addEventListener("beforeunload", function(e){
   // Do something
}, false);

Por lo general, onbeforeunloadse usa si necesita evitar que el usuario abandone la página (por ejemplo, el usuario está trabajando en algunos datos no guardados, por lo que debe guardarlos antes de salir). onunloadno es compatible con Opera , hasta donde yo sé, pero siempre puedes configurar ambos.

Ok, encontré una solución funcional para esto, consiste en usar el beforeunloadevento y luego hacer que el controlador regrese null. Esto ejecuta el código deseado sin que aparezca un cuadro de confirmación. Es algo parecido a esto:

window.onbeforeunload = closingCode;
function closingCode(){
   // do something...
   return null;
}

Espero que esto ayude.

A veces, es posible que desee informar al servidor que el usuario está abandonando la página. Esto es útil, por ejemplo, para limpiar imágenes no guardadas almacenadas temporalmente en el servidor, para marcar a ese usuario como "fuera de línea" o para iniciar sesión cuando haya terminado su sesión.

Históricamente, enviaría una solicitud AJAX en la beforeunloadfunción, sin embargo, esto tiene dos problemas. Si envía una solicitud asincrónica, no hay garantía de que la solicitud se ejecute correctamente. Si envía una solicitud sincrónica, es más confiable, pero el navegador se bloqueará hasta que finalice la solicitud. Si esta es una solicitud lenta, esto sería un gran inconveniente para el usuario.

Afortunadamente, ahora tenemos navigator.sendBeacon(). Al utilizar el sendBeacon()método, los datos se transmiten de forma asincrónica al servidor web cuando el Agente de usuario tiene la oportunidad de hacerlo, sin retrasar la descarga ni afectar el rendimiento de la siguiente navegación. Esto resuelve todos los problemas con el envío de datos analíticos: los datos se envían de manera confiable, se envían de forma asincrónica y no afecta la carga de la página siguiente. Aquí hay un ejemplo de su uso:

window.addEventListener("unload", logData, false);

function logData() {
  navigator.sendBeacon("/log.php", analyticsData);
}

sendBeacon()es compatible con:

• Borde 14
• Firefox 31
• Cromo 39
• Safari 11.1
• Ópera 26
• iOS Safari 11.4

Actualmente NO es compatible con:

• explorador de Internet
• mini Opera

Aquí hay un polyfill para sendBeacon () en caso de que necesite agregar soporte para navegadores no compatibles. Si el método no está disponible en el navegador, enviará una solicitud AJAX sincrónica en su lugar.

Versión de jQuery:

$(window).unload(function(){
    // Do Something
});

Actualización : jQuery 3:

$(window).on("unload", function(e) {
    // Do Something
});

Gracias Garrett

La documentación aquí anima a escuchar el evento onbeforeunload y / o agregar un detector de eventos en la ventana.

window.addEventListener('beforeunload', function(event) {
  //do something here
}, false);

También puede completar las propiedades .onunload o .onbeforeunload de la ventana con una función o una referencia de función.

Aunque el comportamiento no está estandarizado en todos los navegadores, la función puede devolver un valor que el navegador mostrará al confirmar si abandona la página.

Puede utilizar window.onbeforeunload.

window.onbeforeunload = confirmExit;
function confirmExit(){
    alert("confirm exit is being called");
    return false;
}

Se llama al evento beforeunload, por lo que puede asignar una función a window.onbeforeunload.

Puedes probar algo como esto:

<SCRIPT language="JavaScript">
<!--
function loadOut()
{
window.location="http://www.google.com";
}
//-->
</SCRIPT>

<body onBeforeUnload="loadOut()">