F�rum Exibir mensagem perguntando se quer mesmo sair da p�gina #553617

09/05/2016

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.

<!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

Curtir t�pico

+ 0

Responder