Click Outside

clickOutside.ts

export function addClickOutside(el: HTMLElement, fun: Function) {
  const elWithFun: HTMLElement & {
    clickOutsideFun?: (this: Document, ev: MouseEvent) => any;
  } = el;
  elWithFun.clickOutsideFun = function (this: Document, event: MouseEvent) {
    if (!el.contains(event.target as Node)) {
      fun(event);
    }
    return true as any;
  };
  document.addEventListener("click", elWithFun.clickOutsideFun);
}
export function removeClickOoutside(el: HTMLElement) {
  const elWithFun: HTMLElement & {
    clickOutsideFun?: (this: Document, ev: MouseEvent) => any;
  } = el;
  if (elWithFun.clickOutsideFun) {
    document.removeEventListener("click", elWithFun.clickOutsideFun);
  }
}