$(document).click((event) => {

  if (!$(event.target).closest('#element').length) {

    // the click occured outside '#element'

  }        

});

var ignoreClickOnMeElement = document.getElementById('someElementID');

​

document.addEventListener('click', function(event) {

    var isClickInsideElement = ignoreClickOnMeElement.contains(event.target);

    if (!isClickInsideElement) {

        //Do something click is outside specified element

    }

});

// Vanilla js

var ignoreMe = document.getElementById("ignoreMe");

window.addEventListener('mouseup', function(event){

    if (event.target != ignoreMe && event.target.parentNode != ignoreMe){

    // Place your output

    }

});

document.addEventListener('click', (event) => {

        let targetEl = event.target

        do {

            if (targetEl == selectBox) return

            targetEl = targetEl.parentNode;

        } while (targetEl);

        content.classList.add('hidden')

        svgIcon.classList.remove('rotate-180')

        // console.log('outside')

    })

const onClickOutside = (element, callback) => {

  document.addEventListener('click', e => {

    if (!element.contains(e.target)) callback();

  });

};

​

onClickOutside('#my-element', () => console.log('Hello'));

// Will log 'Hello' whenever the user clicks outside of #my-element

Ouside click detect