Diálogo jQuery UI OnBeforeUnload

jquery-ui-dialog

Question

Tengo un pequeño problema. Intento atrapar el evento OnUnLoad de la ventana y hacer una pregunta de confirmación y, si el usuario decide que quiere quedarse, está bien, y si quiere abandonar la página, perderá todos los datos no guardados. Aquí están los problemas ...

Estoy usando un diálogo de interfaz de usuario de jQuery y cuando coloco el siguiente código en mi página, tengo el cuadro de diálogo abierto, y cuando hago clic en el botón Atrás en el navegador, nunca aparece el cuadro de mensaje. Simplemente refresca la página:

<script type="text/javascript"> 
    $(window).bind(''beforeunload'', function() { 
            alert(''you are an idiot!''); 
        } 
    );
</script>

Y la solución que estoy usando es una publicación here . Una vez más, el msgbox se mostrará bien si no tengo el cuadro de diálogo de jQuery UI abierto. Si lo hago, entonces no muestra el msgbox y simplemente refresca la página.

¿Algunas ideas?

Answer 1

Esto funciona para mí:

window.addEventListener("beforeunload", function(event) {
  event.returnValue = "You may have unsaved Data";
});

Answer 2

La API de jQuery dice específicamente que no se vincule a beforeunload, y en su lugar debe vincularse directamente a la ventana. Antes de la descarga, me encontré con una memoria bastante mala en parte vinculada a beforeunload con jQuery.

Answer 3

La forma correcta de mostrar la alerta es simplemente devolver una cadena. No llame al método alert() usted mismo.

<script type="text/javascript">
    $(window).on(''beforeunload'', function() {
        if (iWantTo) {
            return ''you are an idiot!'';
        }
    }); 
</script>

Ver también: https://developer.mozilla.org/en-US/docs/Web/Events/beforeunload

Answer 4

Para ASP.NET MVC, si desea hacer una excepción para salir de la página mediante el envío de un formulario en particular:

Establezca una ID de formulario:

@using (Html.BeginForm("Create", "MgtJob", FormMethod.Post, new { id = "createjob" }))
{
  // Your code
}



<script type="text/javascript">

  // Without submit form
   $(window).bind(''beforeunload'', function () {
        if ($(''input'').val() !== '''') {
            return "It looks like you have input you haven''t submitted."
        }
    });

    // this will call before submit; and it will unbind beforeunload
    $(function () {
        $("#createjob").submit(function (event) {
            $(window).unbind("beforeunload");
        });
    });

</script>

Answer 5

También puede hacer una excepción por abandonar la página mediante el envío de un formulario en particular:

$(window).bind(''beforeunload'', function(){
    return "Do you really want to leave now?";
});

$("#form_id").submit(function(){
    $(window).unbind("beforeunload");
});

Answer 6

esto funciona para mí

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