Event delegation helper.

on_event.js

/*
  // Used like so:
  onEvent('click', '.foo', (el) => {
    // Element that was clicked.
    console.log(el)
  })
*/

// Event delegation helper.
const onEvent = (event, selector, f) => {
  // Add listener.
  document.addEventListener(event, (e) => {
    // Get element.
    const el = e.target.closest(selector)

    // Matches CSS selector?
    if (el) {
      /*
        NOTE: Remove these, if you want
        the event to continue bubbling.
      */
      e.preventDefault()
      e.stopPropagation()
      
      // Fire callback.
      f(el)
    }
  })
}