singleton-dom-events

One event to rule... err that one thing. Making scope complex DOM events safe since 2016

Usage no npm install needed!

<script type="module">
  import singletonDomEvents from 'https://cdn.skypack.dev/singleton-dom-events';
</script>

README

singleton-dom-events npm version js-standard-style

DOM event manager that strictly allows one event per identifier. It simply stores the elements and callbacks based on the passed identifier and ensures they are removed before (re-)adding them.

install

npm i singleton-dom-events --save

api / function signature

  • identifier (String [unique identifier for event] - required)
  • element (DOM element - required)
  • eventName (String - required)
  • callback (Function - required)
  • useCapture (Boolean - optional)

usage

Example

const setEvent = require('singleton-dom-events')

let myCb = => console.log('yay')

setEvent('window-resize', window, 'resize', myCb)
setEvent.remove('window-resize')