Jquery impedisce la chiusura della finestra

Question

Desidero chiedere all'utente se vuole davvero uscire dalla pagina oppure no, quando fa clic sul pulsante Chiudi proprio come fatto in google docs. Come farlo usando jquery?

Answer 1

Si imposta la proprietà onbeforeunload della finestra su una funzione.

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

Oppure un altro esempio:

<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;" /> 

E per impostare needToConfirm per il modulo è possibile:

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

Answer 2

JQuery UI può essere utile per voi - vedere this link. Mostra alcuni tipi di dialogo diversi: quello che vuoi è "Conferma modale", penso. Tenete a mente, però, che la libreria dell'interfaccia utente di JQuery è piuttosto pesante, quindi potrebbe essere meglio per voi cercare un'opzione più personalizzata (alcuni sono venuti alla ricerca di JQuery Confirm Modal). Non posso garantire la qualità di queste soluzioni come non le ho mai provate.

Answer 3

Dopo aver lavorato per me;

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