title: Trigger event on click outside page
body: <p>Is possible trigger an event if user click outside page? More specifically, in the browser title bar or tab bar?</p>
  
  <p>Try this my <a href="http://jsfiddle.net/LnFGK/" rel="nofollow"><strong>jsFiddle example</strong></a>.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div id="box"&gt;
      &lt;div id="menu"&gt;Click here&lt;/div&gt;
      &lt;div id="show"&gt;Hello!&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>jQuery('div#menu').on('click', function(ev) {
      jQuery('div#show').addClass('visible').css({
          top: ev.clientY,
          left: ev.clientX
      });
  
      return false;
  });
  
  jQuery(document).click(function() {
      jQuery('div#show').removeClass('visible');
  });
  
  jQuery(window).blur(function() {
      jQuery(document).click();
  });
  </code></pre>
  
  <p><strong>TESTS</strong></p>
  
  <p>First you click in "Click here" button. So...</p>
  
  <ol>
  <li>Try to click in some document part: Ok</li>
  <li>Try to click in some page part or unfocus browser window: Ok</li>
  <li>Try to click in some other opened tab in your browser: Ok</li>
  <li>Try to click in browser title bar or tab title: Fail</li>
  </ol>
  
  <p><strong>SO...</strong></p>
  
  <p>It's possible I solve this problem?</p>
  
  <p><strong>TEST RESULTS</strong></p>
  
  <ul>
  <li><strong>Chrome</strong>: fail on last;</li>
  <li><strong>Firefox</strong>: fail on last;</li>
  <li><strong>IE10</strong>: fail on last;</li>
  <li><strong>Opera</strong>: fail on last;</li>
  </ul>