click outside element javascript code example

Example 1: javascript detect click 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
    }
});

Example 2: how to click outside dom in javascript

// jQuery
$(window).click(function() {
//Hide the menus if visible
});

// JavaScript
const getBody = document.querySelector('body');
getBody.addEventListener('click', () => {
    //Hide the Menus if Visible
});

// Stop Propogation on Element you want to hide
$('#menucontainer').click(function(event){
    event.stopPropagation();
});

// Example
menu.addEventListener('click', (event) => {
    event.stopPropagation();
    // Open Menu
});