Detect a click event within or outside an element

click-outside.js

var parentElement = document.querySelector('.card');

document.addEventListener('click', (event) => {
  // option 1
  const isClickInside = parentElement.contains(event.target);
  if (!isClickInside) // click outside
  
  // option 2
  const isNested = event.target.closest('.card') == parentElement;
  if (!isNested) // click outside
  
});

mouse-leave.ts

export function documentMouseLeave(callback: () => void) {
  document.addEventListener('mouseleave', event => {
    const { clientX, clientY } = event;
    const outOfBounds = clientY <= 0 || clientX <= 0 || clientX >= window.innerWidth || clientY >= window.innerHeight;
    if (outOfBounds) callback();
  });
}