@aarvinr/crew v1.0.0

crew

Simplified & performant event listeners for the web.

<script src="https://cdn.skypack.dev/@aarvinr/crew"></script>

Performance

Crew uses event delegation, meaning all listeners are attached to the root of the DOM instead of a specific element. Because events in HTML/JavaScript bubble up the DOM tree, the root element will also catch any events on children elements. This approach significantly improves performance and simplicity.

Usage

crew(selector, event, callback)

Listens for event on selector, and runs callback(event).

const logger = crew("#foo", "click", (event) => {
  console.log("#foo clicked!");
});

document.getElementById("foo").click(); // "#foo clicked!"

crew().deafen()

Stops listening for event on selector.

logger.deafen();

document.getElementById("foo").click();