on-load

5.0.0 • Public • Published

on-load

NPM version build status Downloads js-standard-style

On load/unload events for DOM elements using a MutationObserver

usage

const onload = require('on-load')

const div = document.createElement('div')
onload(div, function (el) {
  console.log('in the dom')
}, function (el) {
  console.log('out of the dom')
})

// Will fire the onload
document.body.appendChild(div)

// ... some time later

// Will fire the onunload
document.body.removeChild(div)

API

onload(node, onloadFn, onunloadFn, [caller])

Pass a dom node to onload to have a onloadFn function fire when the dom node is added to the document dom and a onunloadFn fire when the dom node is removed from the document dom. Optionally a caller ID can be set to associate the onload/onunload hooks with a particular instance of of a dom node. This is commonly used when 'componentizing' dom nodes.

license

(c) 2023 Kyle Robinson Young. MIT License

Package Sidebar

Install

npm i on-load

Weekly Downloads

1,845

Version

5.0.0

License

MIT

Unpacked Size

5.7 kB

Total Files

4

Last publish

Collaborators

  • mafintosh
  • yoshuawuyts
  • shama
  • bret
  • toddself
  • lrlna
  • emilbayes