@web3r/flowerkit
Version:
A collection of more than 60 often used utility JS functions that simplify frontend development.
14 lines (13 loc) • 995 B
JavaScript
import ow from"ow";import{getDocument}from"ssr-window";
/**
* Runs callback when DOM tree can be manipulated
* @param cb{Function} - callback function
* @param isAutoInit{Boolean=} - attaches event immediately
* @return {{ handler: Function, addListener: Function, removeListener: Function }}
* @see https://developer.mozilla.org/en-US/docs/Web/API/Document/DOMContentLoaded_event
* @example
* // How to check if DOM is ready?
* const callback = () => console.log("DOM Content Loaded");
* onDOMReady(callback);
*/const onDOMReady=(cb,isAutoInit=true)=>{ow(cb,ow.function);const handler=()=>{cb()};const addListener=()=>{if(getDocument().readyState==="loading")getDocument().addEventListener("DOMContentLoaded",handler);else handler()};const removeListener=()=>{getDocument().removeEventListener("DOMContentLoaded",handler)};if(isAutoInit)addListener();return{handler:handler,addListener:addListener,removeListener:removeListener}};export{onDOMReady};
//# sourceMappingURL=index.js.map