Handle Event

Tiny function that allows you to easily add event handlers to your HTML which use event delegation behind the scenes.

Set up

Include the code in your project using npm, a script tag or just copy and paste from handle-event.js. It's just one function.

npm install handle-event

<script src="path/to/handle-event.js"></script>

Usage

Add a handler in your JavaScript:

handleEvent('click', 'doSomething', function (event) {
  console.log('clicked element: ' + event.target);
});

And an attribute to your HTML element:

<button type="button" handle-click="doSomething">Click Me</button>

Attributes should follow the pattern: handle-{type}="{name}" where type is the event type and name is the second argument given to the handleEvent function.

The attribute prefix defaults to "handle-" but can be changed:

handleEvent.attributePrefix = '...';