DOM Observer
Fast and reliable DOM observer.
Install
npm install @wide/dom-observer --save
Usage
Observe selector
observe(selector, { bind[, unbind] })
-
selector
query selector to observe -
bind(el)
hook called when an element matching the selector appears in the DOM -
unbind(el)
hook called when this same element is removed from the DOM (optional)
Exemple:
import observe from '@wide/dom-observer'
observe('[data-foobar]', {
bind: el => console.log(`I'm in the DOM !`),
unbind: el => console.log(`I'm no longer in the DOM...`)
})
Unobserve selector
Delete observer for a specific selector, all related elements will be unbinded
unobserve(selector)
Exemple:
import { unobserve } from '@wide/dom-observer'
unobserve('[data-foobar]')
Unbind element
Unbind all selectors for a specific element.
unbind(el)
Exemple:
import { unbind } from '@wide/dom-observer'
unbind(document.querySelector('#id'))
Get selector's binded elements
Retrieve the list of binded elements by selector.
seek(selector)
Exemple:
import { seek } from '@wide/dom-observer'
seek('[data-foobar]') // Array<HTMLElement>
Authors
- Aymeric Assier - github.com/myeti
- Julien Martins Da Costa - github.com/jdacosta
License
This project is licensed under the MIT License - see the licence file for details