title: Triggering events when clicking away from a focused Select2
body: <p>I have a need to capture an event (like a click) on a object that is elsewhere on the page and not a child of the select2 object while the select2 object has focus and is showing results.  When the select2 results object is focused, I cannot click on a button/anchor elsewhere on the page and have it perform its action.  It merely closes the select2 object.</p>
  
  <p>Is there a way to do this?  Here is a demo that shows this behavior: <a href="http://codepen.io/anon/pen/JoJobW" rel="nofollow">http://codepen.io/anon/pen/JoJobW</a> </p>
  
  <pre><code>   &lt;!-- Javascript snippet --&gt;
     $(document).ready(function() { 
         $("#e1").select2(); 
  
         $("#e2").click(function(){
           alert("click!");
           e.preventDefault();
         });
     });
  
     &lt;!-- HTML snippet --&gt;
     &lt;select id="e1"&gt;&lt;/select&gt;
     &lt;a href="#" id="e2"&gt;Click here when select2 is focused&lt;/a&gt;
  </code></pre>
  
  <p>Using select2 v3.5.2 and jQuery 1.11.0</p>