supporto per rilevamento di elementi per evento DOMContentLoaded

Question

È possibile rilevare il supporto per l'evento DOMContentLoaded?

Metodo di come la soluzione di Kangax qui non funzionerà perché DOMContentLoaded non è esposta come una proprietà di ogni elemento: Detecting event support without browser sniffing

Answer 1

solo ascoltare per tutti e tre gli eventi e il primo vince attivato. Se il vincitore è DOMContentLoaded, è supportato. Se non è stato attivato dal momento in cui uno degli altri due è stato attivato, non è supportato.

<script> 
    var hasDOMContentLoaded = false, 
     ready = false, 
     readyMethod = null; 

    // Listen for "DOMContentLoaded" 
    document.addEventListener("DOMContentLoaded", function(event) { 
     hasDOMContentLoaded = true; 
     init("DOMContentLoaded"); 
    }); 

    // Listen for "onreadystatechange" 
    document.onreadystatechange = function() { init("onreadystatechange"); } 

    // Listen for "load" 
    document.addEventListener("load", function(event) { init("load"); }); 

    // Gets called after any one of the above is triggered. 
    function init(method) { 
     if(!ready) { 
      ready = true; 
      readyMethod = method; 
      go(); 
     } 
    } 

    // Page is ready, time is up. 
    // Eitehr DOMContentLoaded has been triggered or it never will. 
    function go() { 
     console.log("hasDOMContentLoaded: ", hasDOMContentLoaded); 
     // My initialization code here 
    } 

</script> 

Answer 2

realtà & Di fatto, non v'è alcuna necessità di DOMContentLoaded Evento. Qualsiasi script può essere utilizzato per determinare se il documento HTML è stato completamente analizzato grazie al principio del caricamento del flusso HTML.

Tutto ciò che dovete fare è mettere la funzione (altrimenti assegnata all'evento DOMContentLoaded) subito prima dei tag di chiusura dei vostri documenti.

Eseguirà esattamente dopo che l'ultimo elemento HTML è stato analizzato su DOM, e verrà eseguito un po 'più veloce e prima del fatto che il DOMContentLoaded integrato funzionerà.

Answer 3

Ho trovato la seguente spiegazione su usage of the DOMContentLoaded event dal sito di sviluppatori mozilla molto utile. Alla fine si parla di modi retrocompatibile da fare ottenere la stessa cosa, che ho qui estratte (nessuna sorpresa si concentra su IE) ...

Internet Explorer 8 supporta l'evento ReadyStateChange, che può essere usato per rilevare quando il DOM è pronto. Nelle versioni precedenti di Internet Explorer , questo stato può essere rilevato provando ripetutamente a eseguire document.documentElement.doScroll ("left") ;, poiché questo snippet genera un errore finché il DOM non è pronto.