यह पता लगाने के लिए कि क्या DOMContentLoaded को निकाल दिया गया था

Question

मैं लाइब्रेरी विकसित करने में सहायता करने की कोशिश कर रहा हूं और इसके लिए मैं पेज लोडिंग के साथ काम करने की कोशिश कर रहा हूं।
प्रक्रिया में मैं पुस्तकालय को डिफर और एसिंक के उपयोग से पूरी तरह संगत बनाना चाहता हूं।

मुझे जो चाहिए वह सरल है:
मुझे कैसे पता चलेगा कि फ़ाइल को निष्पादित किए जाने के दौरान DOMContentLoaded निकाल दिया गया था?

यह इतना मुश्किल क्यों है?
आईई में, document.readyState DOMContentLoaded से पहले इंटरैक्टिव दिखाएं।
I किसी भी तरह से ब्राउज़र का पता लगाने का उपयोग नहीं करेगा, यह मेरे और बाकी प्रतिभागियों की नीति के खिलाफ है।

सही विकल्प क्या है?

संपादित करें:

ऐसा लगता है कि मैं पर्याप्त स्पष्ट नहीं था। मैं नहीं जानना चाहता हूं कि लोड ईवेंट पहले से ही हुआ है !!! मुझे पहले से ही पता था कि उस समस्या को कैसे हल किया जाए! मैं जानना चाहता हूं कि DOMContentLoaded के साथ कैसे हल करें !!!

Answer 1

मैं तुम्हें इस्तेमाल कर सकते हैं लगता होगा:

if (document.readyState === "complete" || document.readyState === "loaded") { 
    // document is already ready to go 
} 

यह एक लंबे समय के लिए वेबकिट IE में समर्थन किया और किया गया है। इसे 3.6 में फ़ायरफ़ॉक्स में जोड़ा गया था। यहां spec है। "loaded" पुराने सफारी ब्राउज़रों के लिए है।

आप को पता है जब पेज पार्स किया गया है चाहते हैं, लेकिन सभी subresources अभी तक लोड नहीं किया गया है, तो आप "इंटरेक्टिव" मूल्य जोड़ सकते हैं:

if (document.readyState === "complete" 
    || document.readyState === "loaded" 
    || document.readyState === "interactive") { 
    // document has at least been parsed 
} 

इसके पार, आप वास्तव में सिर्फ करना चाहते हैं पता करें कि DOMContentLoaded को निकाल दिया गया है, तो आपको इसके लिए एक ईवेंट हैंडलर इंस्टॉल करना होगा (इससे पहले कि यह आग लग जाए) और जब यह आग लग जाए तो ध्वज सेट करें।

This MDN documentation डीओएम राज्यों के बारे में अधिक समझने के बारे में भी वास्तव में एक अच्छा पढ़ा है।

Answer 2

इस प्रयास करें या कम से इस link

<script> 
    function addListener(obj, eventName, listener) { //function to add event 
     if (obj.addEventListener) { 
      obj.addEventListener(eventName, listener, false); 
     } else { 
      obj.attachEvent("on" + eventName, listener); 
     } 
    } 

    addListener(document, "DOMContentLoaded", finishedDCL); //add event DOMContentLoaded 

    function finishedDCL() { 
     alert("Now DOMContentLoaded is complete!"); 
    } 
</script> 

नोट

देखो तुम एक <link rel="stylesheet" ...>

पेज के बाद एक <script> पार्स प्रक्रिया पूरी नहीं होगी है - और DOMContentLoaded सक्रिय नहीं होगा - स्टाइलशीट लोड होने तक

Answer 3

आप "वास्तव में" अगर DOMContentLoaded निकाल दिया गया था, तो आप इस तरह एक बूलियन ध्वज इस्तेमाल कर सकते हैं जानना चाहते हैं:

var loaded=false; 
document.addEventListener('DOMContentLoaded',function(){ 
loaded=true; 
... 
} 

तो साथ जांच: जब इस घटना के सक्रिय होने पर

if(loaded) ... 

Answer 4

document.readyState बदल गया है । तो आप readyState मान देख सकते हैं और इस तरह से बताएं कि ईवेंट को निकाल दिया गया था या नहीं।

if (/comp|inter|loaded/.test(document.readyState)){ 
    // In case DOMContentLoaded was already fired, the document readyState will be one of "complete" or "interactive" or (nonstandard) "loaded". 
    // The regexp above looks for all three states. A more readable regexp would be /complete|interactive|loaded/ 
    start(); 
}else{ 
    // In case DOMContentLoaded was not yet fired, use it to run the "start" function when document is read for it. 
    document.addEventListener('DOMContentLoaded', start, false); 
} 

Answer 5

यहाँ, बात है अगर कुछ अन्य पुस्तकालय (जैसे jQuery के रूप में) पहले से ही DOMContentLoaded इस्तेमाल किया, आप इसे फिर से उपयोग नहीं कर सकते: यहाँ start() को चलाने के लिए जब दस्तावेज़ इसके लिए तैयार है एक कोड है। यह बुरी खबर हो सकती है, क्योंकि आप इसका उपयोग करने में सक्षम होने के बिना खत्म हो जाते हैं। आप कहने वाले हैं, क्यों न केवल $(document).ready() का उपयोग करें, क्योंकि, नहीं !, सबकुछ jQuery का उपयोग करने की ज़रूरत नहीं है, विशेष रूप से यदि यह एक अलग पुस्तकालय है।