Code inside DOMContentLoaded event not working

by

It’s most likely because the DOMContentLoaded event was already fired at this point. The best practice in general is to check for document.readyState to determine whether or not you need to listen for that event at all.

if (document.readyState !== 'loading') {
    console.log('document is already ready, just execute code here');
    myInitCode();
} else {
    document.addEventListener('DOMContentLoaded', function () {
        console.log('document was not ready, place code here');
        myInitCode();
    });
}

function myInitCode() {}

More Related Contents:

  1. addEventListener vs onclick
  2. Unable to access React instance (this) inside event handler [duplicate]
  3. Why does babel rewrite imported function call to (0, fn)(…)?
  4. Call async/await functions in parallel
  5. addEventListener not working in IE8
  6. Javascript removeEventListener not working
  7. Javascript “addEventListener” Event Fires on Page Load [duplicate]
  8. Cannot read property ‘addEventListener’ of null
  9. How to remove all listeners in an element? [duplicate]
  10. Removing an anonymous event listener
  11. Adding click event handler to iframe
  12. JavaScript listener, “keypress” doesn’t detect backspace?
  13. Why Firefox says that window.event is undefined? (call function with added event listener)
  14. addEventListener on a querySelectorAll() with classList [duplicate]
  15. SyntaxError: ‘import’ and ‘export’ may appear only with ‘sourceType: module’ – Gulp
  16. Arrow Function syntax not working with webpack?
  17. Variable in JavaScript callback functions always gets last value in loop? [duplicate]
  18. Webpack babel 6 ES6 decorators
  19. Unable to use Arrow functions inside React component class [duplicate]
  20. addEventListener vs onclick
  21. Clean way to keep original variable and destructure at the same time
  22. How to remove global “use strict” added by babel
  23. Is there a way to render multiple React components in the React.render() function?
  24. How to run Node.js app with ES6 features enabled?
  25. Re-export default in ES 6 modules
  26. reactjs event listener beforeunload added but not removed
  27. gulp babel, exports is not defined
  28. Exporting functions with reactjs and babel
  29. Listen to multiple keydowns
  30. addEventListener gone after appending innerHTML

Leave a Comment