Confirmação JavaScript antes da saída da página

Para evitar que os usuários saiam acidentalmente de uma página sem confirmação, você pode implementar uma janela de confirmação usando JavaScript.

Usando onbeforeunload

O evento onbeforeunload é acionado quando um usuário está prestes a sair da página. O código colocado neste ouvinte de evento exibirá uma janela de confirmação para o usuário. Se o usuário selecionar “OK”, isso indica sua intenção de sair, enquanto selecionar “Cancelar” interromperá o processo de saída. Você não pode redirecionar o usuário se ele optar por permanecer na página.

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

Usando jQuery

jQuery fornece um método simplificado para lidar com o evento beforeunload:

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

Usando onunload

Embora o evento onunload seja frequentemente usado para tarefas de limpeza antes de uma página ser descarregada, ele não pode redirecionar o usuário. No entanto, ainda pode ser útil para exibir uma mensagem ou aviso de despedida. Observe que o Chrome 14 e versões posteriores bloqueiam alertas em onunload.

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

Implementação jQuery

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