Eseguire il codice JavaScript alla chiusura della finestra o all'aggiornamento della pagina?

C'è un modo per eseguire un codice JavaScript finale quando un utente chiude una finestra del browser o aggiorna la pagina?

Sto pensando a qualcosa di simile a onload ma più simile a onclose? Grazie.

Non mi piace il metodo onbeforeunload, che cede sempre alla comparsa di una finestra di conferma (lascia la pagina / resta su mozilla) o (ricarica / non ricaricare su chrome). C'è un modo per eseguire il codice in silenzio?

Esistono sia window.onbeforeunloade window.onunload, che vengono utilizzati in modo diverso a seconda del browser. Puoi assegnarli impostando le proprietà della finestra su functions, o usando .addEventListener:

window.onbeforeunload = function(){
   // Do something
}
// OR
window.addEventListener("beforeunload", function(e){
   // Do something
}, false);

Di solito, onbeforeunloadviene utilizzato se è necessario impedire all'utente di lasciare la pagina (es. L'utente sta lavorando su alcuni dati non salvati, quindi deve salvarli prima di uscire). onunloadnon è supportato da Opera , per quanto ne so, ma puoi sempre impostare entrambi.

Ok, ho trovato una soluzione funzionante per questo, consiste nell'usare l' beforeunloadevento e poi far tornare l'handler null. Questo esegue il codice desiderato senza che venga visualizzata una finestra di conferma. Va più o meno così:

window.onbeforeunload = closingCode;
function closingCode(){
   // do something...
   return null;
}

Spero che questo ti aiuti.

A volte potresti voler far sapere al server che l'utente sta abbandonando la pagina. Ciò è utile, ad esempio, per ripulire le immagini non salvate memorizzate temporaneamente sul server, per contrassegnare quell'utente come "offline" o per registrare quando ha terminato la sua sessione.

Storicamente, invieresti una richiesta AJAX nella beforeunloadfunzione, tuttavia questo ha due problemi. Se invii una richiesta asincrona, non vi è alcuna garanzia che la richiesta venga eseguita correttamente. Se invii una richiesta sincrona, è più affidabile, ma il browser si bloccherà fino al termine della richiesta. Se questa è una richiesta lenta, questo sarebbe un enorme inconveniente per l'utente.

Fortunatamente, ora abbiamo navigator.sendBeacon(). Utilizzando il sendBeacon()metodo, i dati vengono trasmessi in modo asincrono al server web quando lo User Agent ha la possibilità di farlo, senza ritardare lo scaricamento o influenzare le prestazioni della navigazione successiva. Ciò risolve tutti i problemi con l'invio dei dati di analisi: i dati vengono inviati in modo affidabile, vengono inviati in modo asincrono e non influisce sul caricamento della pagina successiva. Ecco un esempio del suo utilizzo:

window.addEventListener("unload", logData, false);

function logData() {
  navigator.sendBeacon("/log.php", analyticsData);
}

sendBeacon()è supportato in:

• Bordo 14
• Firefox 31
• Chrome 39
• Safari 11.1
• Opera 26
• iOS Safari 11.4

NON è attualmente supportato in:

• Internet Explorer
• Opera Mini

Ecco un polyfill per sendBeacon () nel caso in cui sia necessario aggiungere il supporto per i browser non supportati. Se il metodo non è disponibile nel browser, invierà invece una richiesta AJAX sincrona.

Versione jQuery:

$(window).unload(function(){
    // Do Something
});

Aggiornamento : jQuery 3:

$(window).on("unload", function(e) {
    // Do Something
});

Grazie Garrett

La documentazione qui incoraggia l'ascolto dell'evento onbeforeunload e / o l'aggiunta di un listener di eventi sulla finestra.

window.addEventListener('beforeunload', function(event) {
  //do something here
}, false);

Puoi anche popolare le proprietà .onunload o .onbeforeunload della finestra con una funzione o un riferimento alla funzione.

Sebbene il comportamento non sia standardizzato nei browser, la funzione potrebbe restituire un valore che il browser visualizzerà quando confermerà se lasciare la pagina.

Puoi usare window.onbeforeunload.

window.onbeforeunload = confirmExit;
function confirmExit(){
    alert("confirm exit is being called");
    return false;
}

L'evento viene chiamato beforeunload, quindi puoi assegnare una funzione a window.onbeforeunload.

Puoi provare qualcosa di simile:

<SCRIPT language="JavaScript">
<!--
function loadOut()
{
window.location="http://www.google.com";
}
//-->
</SCRIPT>

<body onBeforeUnload="loadOut()">