dom-event-manager

DOM event manager.

Usage no npm install needed!

<script type="module">
  import domEventManager from 'https://cdn.skypack.dev/dom-event-manager';
</script>

README

dom-event-manager

Build Status

The EventManager manage events in a delegated way. It captures all event on at a top level container (document.body by default). When an event occurs, the delegate handler is executed starting form event.target up to the defined container.

API

new EventManager(delegateHandler, container)

Creates a EventManager instance with delegateHandler as delegate handler. The delegated handler take 2 parameters the name of the event (w/o the "on" prefix) and the event itself. The role of the delegated handler is to execute the event handler available for the provided event.delegateTarget DOM element.


var eventManager = new EventManager(function(name, e) {
    console.log("event received": name);
    console.log("on element": e.delegateTarget);
});

document.getElementById(...).click();

.bind(name)

Binds an event on the container.

.unbind(name)

Unbinds an event from the container.

.unbind()

Unbinds all events from the container.

.binded()

Returns all binded events.

.bindDefaultEvents()

Binds all common events.