title: How do I handle a click anywhere in the page, even when a certain element stops the propagation?
body: <p>We are working on a JavaScript tool that has older code in it,
  so we cannot re-write the whole tool.</p>
  
  <p>Now, a menu was added position fixed to the bottom and the client would very much like it to have a toggle button to open and close the menu,
  except closing needs to happen automatically when a user starts doing things out side of the menu, for example, when a user goes back into the page, and selects something or clicks on a form field.</p>
  
  <p>This could technically work with a <code>click</code> event on the <code>body</code>, triggering on any click, 
  however there are numerous items in the older code, where a click event was handled on an internal link, and <code>return false</code> was added to the click function, in order for the site not to continue to the link's <code>href</code> tag.</p>
  
  <p>So clearly, a general function like this does work, but not when clicked on an internal link where the return false stops the propagation.</p>
  
  <pre><code>$('body').click(function(){
    console.log('clicked');
  });
  </code></pre>
  
  <p><strong>Is there a way I can force the body click event anyway,
  or is there another way I can let the menu dissappear, using some global click event or anything similar?</strong></p>
  
  <p>Without having to rewrite all other clicks in the application that were created years ago.
  That would be a monster task, especially since I have no clue how I would rewrite them, without the return false, but still don't let them go to their <code>href</code>.</p>