Disco 🕺
npm: npm i disco
cdn: https://unpkg.com/disco
Easy and universal way to react to elements being disconnected
and connected
via native DOM events.
Observe via a direct node reference, an array of nodes or a string selector that internally makes use of Element.matches(selectorString)
. It's recommended to keep the observed scope as small as possible for the best performance.
Example
; /** * Observe one specific div element */const div = document;; div;documentbody; /******************************************************************/ /** * Observe all (future) h1 elements. */;const firstH1 = document;const lastH1 = document; firstH1;lastH1; documentbody; /******************************************************************/ /** * Observe all section elements in the document for removal. */const sections = document;;...sections
API
- observe(...nodesOrSelectors)
Observe a node, array of nodes or an element selector for dis-connected events.
- unobserve([...nodesOrSelectors])
Unobserve for dis-connected events.
observe(...nodesOrSelectors)
Observe a node, array of nodes or an element selector for dis-connected events.
Kind: global function
Param | Type |
---|---|
...nodesOrSelectors | Node | String |
unobserve([...nodesOrSelectors])
Unobserve for dis-connected events.
Kind: global function
Param | Type |
---|---|
[...nodesOrSelectors] | Node | String |