Document click events and targets

Question

Im trying to detect when a user clicked on the document, so:

$(document).click(function(e){ ...

When they do click on the document I wanna check if the document was clicked outside a div (including all contents inside the div)

Currently it works so that if I click outside the div it does what I want, but if I click an element inside the div it fires the outside of div event

$(document).click(function(e) {
     var target = e.target;

     if (!$(target).hasClass('classHere') {
          //do stuff
     }

}

I answered almost the same question here http://stackoverflow.com/a/8947056/574808 — Renato, Jul 25 '14 at 15:34

score 2 · Accepted Answer · answered Jul 25 '14 at 15:35

In your case, you have to check if the element is inside the div element. I suppose that your div has "classHere" class. The code may be this:

$(document).click(function(e) {
     var $element = $(this); 
     if (!$element.hasClass('classHere') && !$element.parents('classHere').length) {
          //do stuff
     }

}

I check that the div has not class "classHere" and it has not parents with this class.

Regards.

Document click events and targets

1 Answers1