jQuery UI Dialog OnBeforeUnload

Question

Ich habe ein kleines Problem. Ich versuche, das OnUnLoad-Ereignis des Fensters abzufangen und eine Bestätigungsfrage zu stellen. Wenn der Benutzer entscheidet, dass er bleiben möchte, ist es in Ordnung, und wenn er die Seite verlassen möchte, werden alle nicht gespeicherten Daten gelöscht. Hier sind die Probleme ...

Ich benutze eine jQuery UI Dialog und wenn ich den folgenden Code auf meiner Seite, habe ich den Dialog geöffnet, und wenn ich auf die Zurück-Schaltfläche im Browser klicken, erscheint es nie die msgbox. Es erfrischt nur die Seite:

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

Und die Lösung, die ich benutze einen Beitrag here war. Auch hier wird die msgbox angezeigt, wenn das Dialogfeld jQuery UI nicht geöffnet ist. Wenn ich das tue, dann zeigt es die msgbox nicht an und aktualisiert nur die Seite.

Irgendwelche Ideen?

Answer 1

Die korrekte Art, die Warnung anzuzeigen, besteht darin, einfach eine Zeichenfolge zurückzugeben. Rufen Sie nicht die alert() Methode selbst auf.

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

Siehe auch: https://developer.mozilla.org/en-US/docs/Web/Events/beforeunload

Answer 2

das funktioniert für mich

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

Answer 3

jQuery API sagt ausdrücklich nicht beforeunload zu binden, und stattdessen sollten direkt an die window.onbeforeunload binden, ich lief nur über einen ziemlich schlechten Speicher teilweise wegen der Bindung an beforeunload mit jQuery.

Answer 4

Sie auch eine Ausnahme für das Verlassen der Seite über die Einreichung einer bestimmten Form machen:

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

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

Answer 5

Dies funktioniert für mich:

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

Answer 6

für ASP.NET MVC Wenn Sie eine Ausnahme für das Verlassen der Seite über das Senden eines bestimmten Formulars machen möchten:

Legen Sie eine Formular-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>