Alguém sabe como eu faria para exibir uma <div>
que está oculta quando o usuário clicar no botão de fechar a janela do navegador?
-
Fiz o teste e a página exibi a div e fecha, seria possível não fechar a página, mas sim só exibir a div?– Munir Baarini13/01/2017 às 18:10
-
não, a não ser que você crie um plugin para o navegador que faça isso.– RFL13/01/2017 às 18:12
-
2O que se faz é diferente, mostrar antes de fechar, ao sair com o mouse pela parte superior da tela. Por sinal um treco muito chato. (Se interessar, dê uma pesquisada, isso ja foi perguntado no site).– Bacco ♦13/01/2017 às 18:14
-
Concordo, mas preciso exibir uma div com uma mensagem dizendo que o usuário não preencheu todos os dados, se ele quer realmente fechar o navegador.– Munir Baarini13/01/2017 às 18:16
-
1@MunirBaarini sei que já lhe apontaram bons links, mas gostaria que se puder desse uma olhada nesta minha resposta pt.stackoverflow.com/a/113155/3635, nela eu explico como o unonload/beforeunload funcionam de fato e como sites tipo facebook fazem para exibir uma "div".– Guilherme Nascimento ♦13/01/2017 às 18:43
|
Mostrar mais 7 comentários
1 Resposta
No caso você poderia executar um javascript que exiba um alert ou um modal para isso, ex:
<script>
window.onbeforeunload = function (event) {
var message = 'Você tem certeza que deseja sair?';
if (typeof event == 'undefined') {
event = window.event;
}
if (event) {
event.returnValue = message;
}
return message;
}
</script>
Documentação sobre o evento beforeunload.
https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onbeforeunload
-
eu preciso exibir uma janela personalizada, por isso pensei em uma <div> 13/01/2017 às 18:25
-
fazer o modal é tranquilo, o problema é chama-lo quando clicar no botão fechar do browser e só exibir o modal sem fechar o browser 13/01/2017 às 18:29
-
existem algumas limitações de que se pode executar no beforeunload, tem que ver se ele permite executar um modal dentro dele. 13/01/2017 às 18:35
-
-
@MunirBaarini segue a documentação do evento developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/… 13/01/2017 às 18:36