tye

Micro event delegation module

Usage no npm install needed!

<script type="module">
  import tye from 'https://cdn.skypack.dev/tye';
</script>

README

tye

Micro Event Delegation Module

Usage

// Using browserify
var tye = require('tye');
// or using the bundled file in dist bundled in UMD format
<script src="/path/to/dist/bundle.min.js"></script>

// Bind click event to document.body
tye(document.body).on('click', someFunction);
// Event Delegation:
tye(document.body).on('click', '.my-class', someFunction);

// Remove click binding from '.my-class'
tye(document.body).off('click', '.my-class');
// Remove all click bindings from document.body
tye(document.body).off('click');

Under the Hood

This is a wrapper around addEventListener

That allows for event delegation by using element.matches

Thats it, very simple implementation. 2kb minified