BeforeUnloadEvent

Bu çeviri eksik. Bu makaleyi İngilizceden tercüme etmemize yardım edin

Beforeunload olayı, pencere, belge ve kaynakları kaldırılmak üzereyken tetiklenir.

ReturnValue 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. Tarayıcı uyumluluğu.

Kabarcıklar Hayır
İptal edilebilir Evet
Hedef nesneler varsayılan görünüm
Arayüz Event

Örnekler

window.addEventListener("beforeunload", function( event ) {
  event.returnValue = "\o/";
});

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

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.

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 */
});

Teknik Özellikler

Teknik Özellikler Durum Yorum
HTML Living Standard
The definition of 'BeforeUnloadEvent' in that specification.
Living Standard Initial definition

Tarayıcı Uyumluluğu

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
BeforeUnloadEventChrome Full support YesEdge Full support 12Firefox Full support 1.5IE Full support YesOpera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesFirefox Android Full support 4Opera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes
User interaction required for dialog boxChrome Full support 60Edge Full support ≤79Firefox ? IE ? Opera Full support 47Safari ? WebView Android Full support 60Chrome Android Full support 60Firefox Android ? Opera Android Full support 44Safari iOS ? Samsung Internet Android Full support 8.0

Legend

Full support  
Full support
Compatibility unknown  
Compatibility unknown

Ayrıca bakınız