---
title: BeforeUnloadEvent
slug: Web/API/BeforeUnloadEvent
tags:
  - Boşaltma Olayından Önce
translation_of: Web/API/BeforeUnloadEvent
---
<p><code><strong>Beforeunload</strong></code> olayı, pencere, belge ve kaynakları kaldırılmak üzereyken tetiklenir.</p>

<p><code>ReturnValue</code> Event özelliğine boş olmayan bir dize atandığında, kullanıcılardan sayfadan ayrılmak için onay isteyen bir iletişim kutusu belirir (aşağıdaki örneğe bakın). Değer belirtilmediğinde, olay sessizce işlenir. Bazı uygulamalar, yalnızca çerçeve veya herhangi bir gömülü çerçeve bir kullanıcı hareketi veya kullanıcı etkileşimi alırsa iletişim kutusunu gösterir. Daha fazla bilgi için bkz. {{Anch ("Tarayıcı uyumluluğu")}}.</p>

<p>{{InheritanceDiagram(600, 120)}}</p>

<table class="properties">
 <tbody>
  <tr>
   <td>Kabarcıklar</td>
   <td>Hayır</td>
  </tr>
  <tr>
   <td>İptal edilebilir</td>
   <td>Evet</td>
  </tr>
  <tr>
   <td>Hedef nesneler</td>
   <td>varsayılan görünüm</td>
  </tr>
  <tr>
   <td>Arayüz</td>
   <td>{{domxref("Event")}}</td>
  </tr>
 </tbody>
</table>

<h2 id="Örnekler">Örnekler</h2>

<pre class="brush:js; notranslate">window.addEventListener("beforeunload", function( event ) {
  event.returnValue = "\o/";
});

// Eşdeğerdir
window.addEventListener("beforeunload", function( event ) {
  event.preventDefault();
});</pre>

<p>WebKit'ten türetilmiş tarayıcılar, iletişim kutusunun teknik özelliklerine uymaz. Neredeyse çapraz tarayıcıda çalışan bir örnek aşağıdaki örneğe yakın olacaktır.</p>

<pre class="brush: js notranslate">window.addEventListener("beforeunload", function (e) {
  var confirmationMessage = "\o/";

  (e || window.event).returnValue = confirmationMessage;     // Gecko + IE
  return confirmationMessage;                                /* Safari, Chrome ve diğerleri
                                                              * WebKit'ten türetilmiş tarayıcılar */
});</pre>

<h2 id="Teknik_Özellikler">Teknik Özellikler</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">Teknik Özellikler</th>
   <th scope="col">Durum</th>
   <th scope="col">Yorum</th>
  </tr>
  <tr>
   <td>{{SpecName("HTML WHATWG", "browsing-the-web.html#the-beforeunloadevent-interface", "BeforeUnloadEvent")}}</td>
   <td>{{Spec2("HTML WHATWG")}}</td>
   <td>Initial definition</td>
  </tr>
 </tbody>
</table>

<h2 id="Tarayıcı_Uyumluluğu">Tarayıcı Uyumluluğu</h2>

<div>
<div class="hidden">Bu sayfadaki uyumluluk tablosu yapılandırılmış verilerden oluşturulmuştur. Verilere katkıda bulunmak isterseniz, lütfen  <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> sayfasına bakın ve bize bir çekme isteği gönderin.</div>

<p>{{Compat("api.BeforeUnloadEvent")}}</p>
</div>

<h2 id="Ayrıca_bakınız">Ayrıca bakınız</h2>

<ul>
 <li>{{Event("DOMContentLoaded")}}</li>
 <li>{{Event("readystatechange")}}</li>
 <li>{{Event("load")}}</li>
 <li>{{Event("beforeunload")}}</li>
 <li>{{Event("unload")}}</li>
 <li><a href="http://www.whatwg.org/specs/web-apps/current-work/#prompt-to-unload-a-document" title="http://www.whatwg.org/specs/web-apps/current-work/#prompt-to-unload-a-document">Belgeleri Boşaltma - Bir belgeyi boşaltma istemi</a></li>
</ul>