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) ?

Answer 1

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  }); 

Answer 2

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 > 0 ) {         return false;     }      // Otherwise     // trigger your click function });