1

Hola pues mi duda es como puedo hacer para que me salga un mensaje de dialogo cuando un usuario quiere cerrar la pagina para que confirmen si quieren salir o quieren permanecer en el sitio, probé de muchas formas que vi por otros posts y ninguna me funciona, muchas gracias

 xmlhttp.open("POST","LogoutAction",false); //esta es una de ellas.

y otra seria a través de un onbeforeunload pero tampoco me funciona

 window.onbeforeunload = function (event) {
      var message = 'Sure you want to leave?';
      if (typeof event == 'undefined') {
        event = window.event;
      }
      if (event) {
        event.returnValue = message;
      }
      return message;
    };

    $(window).on('beforeunload', function() {
    var x =logout();
    return x;
    });
    function logout(){
            jQuery.ajax({
            });
            return 1+3;
    }

estoy probando asi y solo me funciona en firefox

2 respuestas 2

1

El funcionamineto básico es el siguiente:

window.onbeforeunload = function() {
    return 'You have unsaved changes!';
}

Como eventlistener:

window.addEventListener('beforeunload', function (e) {
  e.preventDefault();
  e.returnValue = '';
});

Con Jquery:

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

Dicha función te permite ejecutar código dentro si quieres lanzar algún proceso (aunque es un poco limitado su uso). Pero el retorno de un string, no sirve de nada, el navegador no mostrará tu mensaje sino, el que tiene el browser por default. Eso sí, Chrome require que returnValue tenga un valor (así sea vacío).

2
  • Y ese codigo va en el head del index? Porque funciona solo dentro de mi aplicacion cuando cambia de ventana, pero no al cerrar la pestaña o algo
    – Caruso
    Commented el 2 dic. 2019 a las 10:47
  • Este código debe ejecutarse con Javascript. Puede ser entre tags de script en el <head>, dentro del <body> o bien en un archivo *.js .. Cual usar? depende de tu código, de si quieres o no cumplir con los estandares o bien, relacionado a tiempos de carga.
    – iMangas
    Commented el 23 may. 2020 a las 17:32
0

Yo te recomiendo la de onbeforeunload y que pruebes con otros navegadores. Te adjunto el código del mismo.

Código:

<script>
  $(window).on('beforeunload', function() {
    var x =logout();
    return x;
  });
  function logout(){
    jQuery.ajax({
    });
    return 1+3;
  }
</script>

A la hora de salir o dar a un enlace que te lleva a otra página, te mostrará este mensaje.

Aviso

19
  • Hola Sergio muchas gracias pero esa ya la habia probado en todos los nagadores y en ninguno me funcionaba, estoy creando una aplicación en php y me haría falta eso para que los usuarios no la cerraran sin querer al cerrar el navegador o darle para atrás mientras la usan para que no pierdan los datos que no hayan guardado Commented el 8 jun. 2018 a las 11:29
  • Dejame hacer unas pruebas y te actualizo el mensaje Commented el 8 jun. 2018 a las 11:30
  • Tras esperar unos segundos, a la hora de cerrar la ventana te sale un aviso. Lo he probado con Firefox. @RubénDominguezRivera Commented el 8 jun. 2018 a las 11:35
  • Eso lo metes dentro de un bloque php o dentro de etiquetas <script>??? por que a mi no me funciona yo lo estoy metiendo entre etiquetas script @SergioAraque Commented el 8 jun. 2018 a las 11:38
  • Lo he puesto justo antes de cerrar el html entre etiquetas <script> Commented el 8 jun. 2018 a las 11:41

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.