Jalankan kode JavaScript pada penutupan jendela atau penyegaran halaman?

Apakah ada cara untuk menjalankan kode JavaScript akhir saat pengguna menutup jendela browser atau menyegarkan halaman?

Saya sedang memikirkan sesuatu yang mirip dengan onload tetapi lebih seperti onclose? Terima kasih.

Saya tidak suka metode onbeforeunload, yang selalu menghasilkan kotak konfirmasi yang muncul (tinggalkan halaman / tetap di mozilla) atau (muat ulang / jangan muat ulang di chrome). Apakah ada cara untuk mengeksekusi kode secara diam-diam?

Ada window.onbeforeunloaddan window.onunload, yang digunakan secara berbeda tergantung pada browser. Anda dapat menentukannya baik dengan mengatur properti jendela ke fungsi, atau menggunakan .addEventListener:

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

Biasanya, onbeforeunloaddigunakan jika Anda perlu menghentikan pengguna meninggalkan halaman (mis. Pengguna sedang mengerjakan beberapa data yang belum disimpan, jadi dia harus menyimpan sebelum keluar). onunloadtidak didukung oleh Opera , sejauh yang saya tahu, tetapi Anda selalu dapat mengatur keduanya.

Oke, saya menemukan solusi yang berfungsi untuk ini, itu terdiri dari menggunakan beforeunloadacara dan kemudian membuat pawang kembali null. Ini mengeksekusi kode yang diinginkan tanpa kotak konfirmasi yang muncul. Ini berjalan seperti ini:

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

Semoga ini membantu.

Terkadang Anda mungkin ingin memberi tahu server bahwa pengguna meninggalkan halaman. Ini berguna, misalnya, untuk membersihkan gambar yang belum disimpan yang disimpan sementara di server, untuk menandai pengguna itu sebagai "luring", atau untuk masuk saat mereka selesai sesinya.

Secara historis, Anda akan mengirim permintaan AJAX dalam beforeunloadfungsi tersebut, namun ini memiliki dua masalah. Jika Anda mengirim permintaan asinkron, tidak ada jaminan bahwa permintaan tersebut akan dijalankan dengan benar. Jika Anda mengirim permintaan sinkron, itu lebih dapat diandalkan, tetapi browser akan berhenti hingga permintaan selesai. Jika ini adalah permintaan yang lambat, ini akan menjadi ketidaknyamanan yang sangat besar bagi pengguna.

Untungnya, sekarang kami punya navigator.sendBeacon(). Dengan menggunakan sendBeacon()metode ini, data ditransmisikan secara asinkron ke server web saat Agen Pengguna memiliki kesempatan untuk melakukannya, tanpa menunda pembongkaran atau memengaruhi kinerja navigasi berikutnya. Ini menyelesaikan semua masalah dengan pengiriman data analitik: data dikirim dengan andal, dikirim secara asinkron, dan tidak memengaruhi pemuatan halaman berikutnya. Berikut contoh penggunaannya:

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

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

sendBeacon()adalah didukung di:

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

Saat ini TIDAK didukung di:

• Internet Explorer
• Opera Mini

Berikut ini polyfill untuk sendBeacon () jika Anda perlu menambahkan dukungan untuk browser yang tidak didukung. Jika metode ini tidak tersedia di browser, itu akan mengirim permintaan AJAX sinkron sebagai gantinya.

versi jQuery:

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

Perbarui : jQuery 3:

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

Terima kasih Garrett

Dokumentasi di sini mendorong mendengarkan event onbeforeunload dan / atau menambahkan event listener di window.

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

Anda juga dapat mengisi properti jendela .onunload atau .onbeforeunload dengan fungsi atau referensi fungsi.

Meskipun perilaku tidak distandarisasi di seluruh browser, fungsi tersebut dapat mengembalikan nilai yang akan ditampilkan browser saat mengonfirmasi apakah akan meninggalkan halaman.

Anda bisa menggunakan window.onbeforeunload.

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

Acara tersebut dipanggil beforeunload, sehingga Anda dapat menetapkan fungsi ke window.onbeforeunload.

Anda dapat mencoba sesuatu seperti ini:

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

<body onBeforeUnload="loadOut()">