Confirmación de JavaScript antes de salir de la página

Para evitar que los usuarios abandonen accidentalmente una página sin confirmación, puede implementar una ventana de confirmación usando JavaScript.

Uso de onbeforeunload

El evento onbeforeunload se activa cuando un usuario está a punto de abandonar la página. El código colocado en este detector de eventos mostrará una ventana de confirmación al usuario. Si el usuario selecciona "Aceptar", indica su intención de salir, mientras que seleccionar "Cancelar" interrumpirá el proceso de salida. No puede redirigir al usuario si elige permanecer en la página.

window.onbeforeunload = function() {
  return 'Are you sure you want to leave?';
};

Uso de jQuery

jQuery proporciona un método simplificado para manejar el evento beforeunload:

$(window).bind('beforeunload', function(){
  return 'Are you sure you want to leave?';
});

Uso de onunload

Si bien el evento onunload se usa a menudo para tareas de limpieza antes de descargar una página, no puede redirigir al usuario. Sin embargo, aún puede resultar útil para mostrar un mensaje de despedida o una advertencia. Tenga en cuenta que Chrome 14 y versiones posteriores bloquean las alertas dentro de onunload.

window.onunload = function() {
    alert('Bye.');
}

Implementación de jQuery

$(window).unload(function(){
  alert('Bye.');
});