Ready

DOM ready & document loaded JavaScript listeners

• Lightweight (less than 250b minified and gzipped)
• No dependencies
• Supports IE 9+

Developed with ❤️ by GRRR

• GRRR is a B Corp
• GRRR has a tech blog
• GRRR is hiring
• @GRRRTech tweets

Installation

$ npm install @grrr/ready

Note: depending on your setup additional configuration might be needed, since this package is published with untranspiled JavaScript.

Usage

Import into your main JavaScript file:

import { onDocumentLoaded, onDomReady } from "@grrr/ready";
onDomReady(() => {
    // Execute main functions
});
onDocumentLoaded(() => {
    // Execute functions after the document has fully loaded
});

DOM ready

The onDomReady function:

• Will fire directly when Document.readyState is not loading (so interactive or complete).
• Listens for both DOMContentLoaded and readystatechange if not yet ready.

Document loaded

The onDocumentLoaded function:

• Will fire directly when Document.readyState is complete.
• Listens for readystatechange if not yet complete.