Exibir mensagem perguntando se quer mesmo sair da página
O script abaixo exibe um caixa de diálogo com as opções "Sair da página" ou "Permanecer na página" ao clicar no X, crtl w ou alt F4 (sair) da aba ou do browser.
Usa o evento "beforeunload" do jQuery e certamente não deverá funcionar nas versões antigas dos browsers (principalmente IE), mas achei muito interessante e simples.
Por isto estou compartilhando.
Usa o evento "beforeunload" do jQuery e certamente não deverá funcionar nas versões antigas dos browsers (principalmente IE), mas achei muito interessante e simples.
Por isto estou compartilhando.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>jQuery exibir mensagem ao sair da página.</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript">
$(window).bind("beforeunload", function() {
console.log("length", $("#Msg").val().length);
//No caso só exibirá a mensagem se o valor do campo Msg for nulo
//Se quiser exibir mensagem independente do conteúdo do campo retirar o if abaixo
if ($("#Msg").val().length > 0)
return "Quer mesmo sair desta página?";
})
</script>
</head>
<body>
Digite sua mensagem:
<input id="Msg" type="text" value="" size="20" />
</body>
</html>
Jothaz
Curtidas 0