component-delegate

Event delegation component

Usage no npm install needed!

<script type="module">
  import componentDelegate from 'https://cdn.skypack.dev/component-delegate';
</script>

README

delegate

Low-level event delegation component.

Installation

$ component install component/delegate

Example

var delegate = require('delegate');
var ul = document.querySelector('ul');
var n = 0;

var fn = delegate.bind(ul, 'li a', 'click', function(e){
  console.log(e.target);
  console.log(e.delegateTarget); // => "<a>"
  if (++n == 3) {
    console.log('unbind');
    delegate.unbind(ul, 'click', fn, false);
  }
}, false);

API

.bind(el, selector, type, callback, [capture])

Bind and return a callback which may be passed to .unbind().

.unbind(el, type, callback, [capture])

Unbind.

License

MIT