jQuery UI Dialog OnBeforeUnload

Question

Ho un piccolo problema. Sto tentando di catturare l'evento OnUnLoad della finestra e di porre una domanda di conferma e se l'utente decide di voler rimanere, quindi va bene, e se vogliono lasciare la pagina, perderanno tutti i dati non salvati. Ecco i problemi ...

Sto usando una finestra di dialogo dell'interfaccia utente jQuery e quando inserisco il seguente codice sulla mia pagina, ho aperto la finestra di dialogo, e quando faccio clic sul pulsante Indietro sul browser, non si apre mai il msgbox. E 'appena aggiorna la pagina:

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

E la soluzione che sto usando è stato un post here. Di nuovo, msgbox verrà visualizzato correttamente se non ho la finestra di dialogo dell'interfaccia utente jQuery aperta. Se lo faccio, quindi non visualizza il msgbox e semplicemente aggiorna la pagina.

Qualche idea?

Answer 1

Il modo corretto di visualizzare l'avviso è di restituire semplicemente una stringa. Non chiamare da soli il metodo alert().

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

Consulta anche: https://developer.mozilla.org/en-US/docs/Web/Events/beforeunload

Answer 2

questo funziona per me

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

Answer 3

jQuery API in particolare non dice per l'associazione a beforeunload, e invece dovrebbe legarsi direttamente al window.onbeforeunload, ho appena eseguito attraverso una memoria piuttosto brutta in parte a causa del binding a beforeunload con jQuery.

Answer 4

È possibile anche fare un'eccezione per lasciare la pagina tramite la presentazione di una forma particolare:

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

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

Answer 5

questo funziona per me:

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

Answer 6

per ASP.NET MVC se vuoi fare un'eccezione per uscire dalla pagina inviando un modulo particolare:

impostare un modulo ID:

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