onbeforeunload Unterstützung Erkennung

Question

Ich möchte überprüfen, ob der aktuelle Browser das onbeforeunload-Ereignis unterstützt. Der gemeinsame Javascript Weg, dies zu tun scheint nicht zu funktionieren:

if (window.onbeforeunload) { 
    alert('yes'); 
} 
else { 
    alert('no'); 
} 

Eigentlich ist es nur überprüft, ob einige Handler auf das Ereignis angehängt wurden. Gibt es eine Möglichkeit zu erkennen, ob onbeforeunload unterstützt wird, ohne den jeweiligen Browsernamen zu erkennen?

Answer 1

Ich schrieb vor einiger Zeit über eine mehr oder weniger reliable inference for detecting event support in modernen Browsern. Sie können auf einer Demo-Seite sehen, dass "beforeunload" in mindestens Safari 4+, FF3.x + und IE unterstützt wird.

Bearbeiten: Diese Technik wird jetzt in jQuery, Prototype verwendet.js, Modernizr und wahrscheinlich andere Skripte und Bibliotheken.

Answer 2

Es wäre wahrscheinlich besser, nur von Hand, um herauszufinden, welchen Browser sie unterstützt und dann bedingt haben mehr wie:

if($.browser.msie) { 
    alert('no'); 
} 

... etc.

Die $.browser.msie ist jQuery-Syntax, die meisten Frameworks haben ähnliche integrierte Funktionen, da sie sie intern so oft verwenden. Wenn Sie kein Framework verwenden, würde ich vorschlagen, dass Sie sich nur die Implementierung dieser Funktionen von jQuery ansehen.

Answer 3

anderen Ansatz, erhalten die typeof

if(typeof window.onbeforeunload == 'function') 

{ 
alert("hello functionality!"); 
} 

Answer 4

alert('onbeforeunload' in window); 

Alerts 'true', wenn onbeforeunload ist eine Eigenschaft von window (auch wenn es null ist).

Dies sollte das gleiche tun:

var supportsOnbeforeunload = false; 
for (var prop in window) { 
    if (prop === 'onbeforeunload') { 
    supportsOnbeforeunload = true; 
    break; 
    } 
} 
alert(supportsOnbeforeunload); 

Schließlich:

alert(typeof window.onbeforeunload != 'undefined'); 

Wieder typeof window.onbeforeunload erscheint 'Objekt' zu sein, auch wenn es zur Zeit den Wert null hat, so dass dies funktioniert.

Answer 5

cruster,

Die "beforeunload" ist nicht in der DOM-Events-Spezifikation definiert, ist dies eine IE-spezifische Funktion. Ich denke, es wurde erstellt, um zu ermöglichen, dass die Ausführung vor dem Standard-Entlade-Ereignis ausgelöst wird. In anderen als IE-Browsern können Sie den "listen" -Ereignis-Listener für die Erfassungsphase verwenden, um Code vor beispielsweise einem Inline-Body-on-load-Ereignis auszuführen.

Auch DOM keine Schnittstellen bieten ihre Unterstützung für ein bestimmtes Ereignis zu testen, können Sie nur Test für die Unterstützung einer Gruppenveranstaltungen (Mouseevents, Mutation etc.)

der Zwischenzeit können Sie auch beziehen DOM-Events Spezifikation http://www.w3.org/TR/DOM-Level-3-Events/events.html (leider nicht in IE unterstützt)

Hoffnung hilft diese Informationen einige auch

Answer 6

onbeforeunload von FF unterstützt wird, so für die Browser-Prüfung wird nicht helfen.

Answer 7

Ich weiß, dass ich ein bisschen spät dran bin, aber ich beschäftige mich jetzt damit, und ich dachte, dass etwas wie das Folgende einfacher und zuverlässiger wäre. Dies ist jQuery-spezifisch, sollte jedoch mit jedem System funktionieren, mit dem Sie Ereignisse binden und lösen können.

$(window).bind('unload', function(){ 
    alert('unload event'); 
}); 

window.onbeforeunload = function(){ 
    $(window).unbind('unload'); 
    return 'beforeunload event'; 
} 

Dies sollte die unload Ereignis, wenn die beforeunload Ereignis ausgelöst wird entbinden. Andernfalls wird einfach das Entladen ausgelöst.

Answer 8

Leider funktioniert kangax's answer nicht für Safari on iOS. In meinen Tests beforeunload wurde in jedem Browser unterstützt ich genau, außer Safari auf IOS versucht :-(

Stattdessen schlage ich einen anderen Ansatz.

Die Idee ist einfach auf der ersten Seite besucht, wissen wir nicht weiß eigentlich noch, wenn beforeunload unterstützt wird. Aber an dieser ersten Seite, wir gründeten einen beide unload und einen beforeunload Handler. wenn das beforeunload Handler Feuer, wir Flag gesetzt sagen, dass beforeunload unterstützt wird (tatsächlich beforeunloadSupported = "yes"). wenn Der unload Handler wird ausgelöst, wenn das Flag nicht gesetzt wurde, setzen wir flag, dass beforeunload ist nicht unterstützt.

Im Folgenden verwenden wir localStorage (unterstützt in allen Browsern, die ich interessiere über - siehe http://caniuse.com/namevalue-storage), um das Flag zu erhalten/setzen. Wir hätten genauso gut einen Cookie verwenden können, aber ich habe localStorage gewählt, weil dort kein Grund ist, diese Informationen bei jeder Anfrage an den Webserver zu senden. Wir brauchen nur eine Flagge, die Seiten neu lädt überlebt. Sobald wir es einmal erkannt haben, bleibt es für immer erkannt.

Mit diesem können Sie jetzt anrufen isBeforeunloadSupported() und es wird Ihnen sagen.

(function($) { 
    var field = 'beforeunloadSupported'; 
    if (window.localStorage && 
     window.localStorage.getItem && 
     window.localStorage.setItem && 
     ! window.localStorage.getItem(field)) { 
     $(window).on('beforeunload', function() { 
      window.localStorage.setItem(field, 'yes'); 
     }); 
     $(window).on('unload', function() { 
      // If unload fires, and beforeunload hasn't set the field, 
      // then beforeunload didn't fire and is therefore not 
      // supported (cough * iPad * cough) 
      if (! window.localStorage.getItem(field)) { 
       window.localStorage.setItem(field, 'no'); 
      } 
     }); 
    } 
    window.isBeforeunloadSupported = function() { 
     if (window.localStorage && 
      window.localStorage.getItem && 
      window.localStorage.getItem(field) && 
      window.localStorage.getItem(field) == "yes") { 
      return true; 
     } else { 
      return false; 
     } 
    } 
})(jQuery); 

Hier ist ein voller jsfiddle mit Beispielverwendung.

Beachten Sie, dass es nur beim zweiten oder nachfolgenden Laden Ihrer Website erkannt wurde. Wenn es wichtig ist, dass es auch auf der allerersten Seite funktioniert, können Sie iframe auf dieser Seite mit einem src-Attribut laden, das auf eine Seite in derselben Domäne mit der Erkennung hier zeigt, stellen Sie sicher, dass es geladen und dann entfernt wurde es. Das sollte sicherstellen, dass die Erkennung erfolgt ist, so funktioniert isBeforeunloadSupported() sogar auf der ersten Seite. Aber ich brauchte das nicht, also habe ich das nicht in meine Demo aufgenommen.

Answer 9

Ich sehe, dass dies ein sehr alter Thread, aber die akzeptierte Antwort erkennt falsch Unterstützung für Safari auf iOS, was dazu führte, mir andere Strategien zu untersuchen:

if ('onbeforeunload' in window && typeof window['onbeforeunload'] === 'function') { 
    // onbeforeunload is supported 
} else { 
    // maybe bind to unload as a last resort 
} 

Der zweite Teil des if-Check ist notwendig für Safari unter iOS, bei dem die Eigenschaft auf null gesetzt ist.

Getestet in Chrome 37, IE11, Firefox 32 und Safari für iOS 7.1