Sei sicuro di voler navigare?

Qual è il codice/evento/i JavaScript utilizzato da siti come StackOverflow e Gmail per verificare che l'utente esca dalla pagina una volta che ha iniziato la modifica e tenta di allontanarsi?Sei sicuro di voler navigare?

"Are you sure you want to navigate away from this page?"

fonte

2010-02-25 Phillip Senn

L'evento utilizzato è chiamato onbeforeunload.

<html> 
<head> 
    <script type="text/javascript" src="jquery.js"></script> 
</head> 
<body> 
    <input id="foo"></input> 

    <script type="text/javascript"> 
     function unloadMessage() { 
      return "Are you sure you want to leave?"; 
     } 

     function setConfirmUnload(enabled) { 
      window.onbeforeunload = enabled ? unloadMessage : null; 
     } 

     $(document).ready(function() { 
      $("#foo").keypress(function() { 
       setConfirmUnload(true); 
      }); 
     }); 
    </script> 
</body> 
</html>

fonte

2010-02-25 02:36:37

Ricordare che 'window.onbeforeunload' non funziona in Opera, gli utenti andranno semplicemente via, senza preavviso. –

Sei sicuro che sia $ ("# foo"). Cambiare? Sembra che il cambiamento non abbia effetto finché il campo non ha perso lo stato attivo. –

Hai ragione, ha più senso gestire "keypress" invece di "change". Ho aggiornato la mia risposta. –

onbeforeunload evento. Mozilla fornisce codice di esempio utile. si vogliono solo avere una funzione che:

Restituisce una stringa
Imposta e.returnValue a quella stringa, dove e è l'argomento o window.event.

La stringa verrà utilizzata come messaggio personalizzato.

fonte

2010-02-25 02:29:59

Sei sicuro di voler navigare?

risposta

Problemi correlati