How to detect a click anywhere on the document EXCEPT a specific DIV

Asked Aug 28 '17 at 12:37

Active Aug 28 '17 at 12:37

Viewed 32 times

I am using Jquery to shown and hide an overlay on the web page.

In my scenario, I am showing an overlay menu and currently close the overlay when an item within the menu is clicked (click event detected and then overlay closed).

$('#menu a').click(function(){ $('.overlay').hide(); });

Nice and simple!

I now have a requirement that I want to hide the overlay when anywhere on the screen is clicked other than the menu item (for convenience).

Here's an example:

$('.overlay').click(function(){  
  // pseudo code
  if (isDivClicked == false){
     $('.overlay').hide();
  }
});

Is there a way to see if the clicked area is the overlay but NOT the div shown (with the menu items).

Thanks in advance!

asked Aug 28 '17 at 12:37

Rob

6,819
17
71
131

Yeah, what you can do is check if the target is the div. you will need to change .click(function(event){ var taget = event.target } – Luple Aug 28 '17 at 12:41
Add a event listener and find out if the target is not div and then do the job you want to do – Aniruddha Das Aug 28 '17 at 12:43
This is being asked every week. Do some research before posting, guys – Jeremy Thille Aug 28 '17 at 12:44

How to detect a click anywhere on the document EXCEPT a specific DIV

0 Answers0