jQuery click anywhere in the page except on 1 div

Question

How can I trigger a function when I click anywhere on my page except on one div  id menu content

User · Answer

try this         html   click function        your stuf            menucontainer   click function event        event stopPropagation           you can also use the  outside events

User · Answer

You can apply click on body of document and cancel click processing if the click event is generated by div with id menu content  This will bind event to single element and saving binding of click with every element except menu content     body   click function evt              if evt target id     menu content             return           For descendants of menu content being clicked  remove this check if you do not want to put constraint on descendants         if   evt target  closest   menu content   length            return                        Do processing of click event here for every element except with id menu content

User · Answer

See the documentation for jQuery Event Target  Using the target property of the event object  you can detect where the click originated within the  menu content element and  if so  terminate the click handler early  You will have to use  closest   to handle cases where the click originated in a descendant of  menu content     document  click function e           Check if click was triggered on or within  menu content     if    e target  closest   menu content   length  gt  0             return false                Otherwise        trigger your click function

User · Answer

here is what i did  wanted to make sure i could click any of the children in my datepicker without closing it      html   click function e       if  e target id     menu content       e target  parents   menu content   length  gt  0               clicked menu content or children       else              didnt click menu content             my actual code      html   click function e       if  e target id     datepicker           amp  amp    e target  parents   datepicker   length    0          amp  amp     e target  hasClass  datepicker                       datepicker   remove

User · Answer

I know that this question has been answered  And all the answers are nice  But I wanted to add my two cents to this question for people who have similar  but not exactly the same  problem    In a more general way  we can do something like this      body   click function evt           if    evt target  is   menu content                event handling code             This way we can handle not only events fired by anything except element with id menu content but also events that are fired by anything except any element that we can select using CSS selectors   For instance in the following code snippet I am getting events fired by any element except all  lt li gt  elements which are descendants of div element with id myNavbar      body   click function evt           if    evt target  is  div myNavbar li                event handling code

[javascript] jQuery click anywhere in the page except on 1 div

Examples related to javascript

Examples related to jquery

Examples related to html

Examples related to triggers

Examples related to click