Jquery zapobiec zamykaniu okna

Question

Chcę zapytać użytkownika, czy naprawdę chce opuścić stronę, czy nie, kiedy kliknie przycisk zamykania, tak jak to zrobiono w google docs. Jak to zrobić, używając jquery?

Answer 1

Ustawiasz właściwość okna na onbeforeunload dla funkcji.

This post has a good example on how to do it.

Albo inny przykład:

<script language="JavaScript"> 
    var needToConfirm = true; 

    window.onbeforeunload = confirmExit; 
    function confirmExit() 
    { 
    if (needToConfirm) 
     return message to display in dialog box; 
    } 
</script> 

... 

<input type="Submit" value="Save" onclick="needToConfirm = false;" /> 

I ustawić needToConfirm do formularza można:

$(document).ready(function() { 
    $(':input', document.myForm).bind("change", function() { needToConfirm = true; }); // Prevent accidental navigation away 
}); 

Answer 2

jQuery UI mogą być przydatne dla Ciebie - patrz this link. Pokazuje kilka różnych rodzajów dialogów - moim zdaniem jest "Modalne potwierdzenie". Należy jednak pamiętać, że biblioteka JQuery UI jest dość mocna, więc może być lepiej, gdybyś szukał bardziej zindywidualizowanej opcji (kilka pojawiło się, szukając JQuery Confirm Modal). Nie mogę ręczyć za jakość tych rozwiązań, ponieważ nigdy ich nie próbowałem.

Answer 3

Po pracy dla mnie;

$(window).unload(function() { 
       if(event.clientY < 0) { 
        //do whatever you want when closing the window.. 
       } 
      });