hide a div when user clicks outside of it

Solutions on MaxInterview for hide a div when user clicks outside of it by the best coders in the world

Search
showing results for - "hide a div when user clicks outside of it"
Thibaud
10 Jul 2020
1$(document).mouseup(function(e){
2    var container = $("YOUR CONTAINER SELECTOR");
3    // if the target of the click isn't the container nor a descendant of the container
4    if (!container.is(e.target) && container.has(e.target).length === 0){
5        container.hide();
6    }
7});
8
source
similar questions
detecting clicks outside of an element 28or inside 29javascript detect click outside of elementjuqey off clickclick on child prevent click on parentjavascript detect click outside elementdetect a click outside an element javascriptdiv click outside to hide javascriptjquery how to detect click outside off canvas navigationon click outside div javascriptclick outside box jqueryhow to disable mouse right click in html pagejquery close popup when click outsidejquery check if clicked outside divhow to stop overlapping divs to interact with each others click eventshow to detect click outside input element javascriptclick outside javascript
queries leading to this page
close other div when click outsidehide a div when user clicks outside of it