DOMContentLoaded event is fired at the page's Document object when parsing of the document is finished. By the time this event fires, the page's DOM is ready, but the referenced stylesheets, images, and subframes may not be done loading; use the "load" event to detect a fully-loaded page.
Note: Stylesheet loads block script execution, so if you have a
<script> after a
<link rel="stylesheet" ...>, the page will not finish parsing - and
DOMContentLoaded will not fire - until the stylesheet is loaded.
|Feature||Chrome||Firefox (Gecko)||Internet Explorer||Opera||Safari|
|Basic support||0.2||1.0 (1.7 or earlier)||9.0||9.0||3.1|
|Feature||Android||Firefox Mobile (Gecko)||IE Mobile||Opera Mobile||Safari Mobile|
|Basic support||(Yes)||1.0 (1)||?||(Yes)||(Yes)|
In Gecko (as of 1.9.2) this event reports itself as cancelable, but since it doesn't have a default action, canceling it has no effect.
Bubbling for this event is supported by at least Gecko 1.9.2, Chrome 6, and Safari 4.