Fuction for global click event listener that returns clicked element and event

addGlobalEventListener.ts

/**
 * @example
 * addGlobalEventListener("click", ".i-usp", (clickedElement) => {
 *  console.log(clickedElement)
 * })
 */
export function addGlobalEventListener(
  type: string,
  selector: string,
  callback: (clickedElement: Element, event: Event) => void,
  parent: Document | Element = document,
) {
  parent.addEventListener(type, (event) => {
    const target = event.target

    if (target instanceof Element && target.closest(selector)) {
      const clickedElement = target.closest(selector)
      if (clickedElement) {
        callback(clickedElement, event)
      }
    }
  })
}