title: Disallowing one more than click on a button
body: <p>I am trying to remove an event from the document after one click:</p>
  
  <pre><code>var allow=true;
  $(document).mousemove(function(e){
      if(allow){
         x = e.pageX;
         y = e.pageY;     
         var offTop = y-10;
         var offLeft = x-25;      
         $('iframe').offset({ top: offTop, left: offLeft });
         $('body').on('click',iFrame,function(){
                 console.log('I was clicked');
         });
      }
  });
  
  $(document).click(function() {
     allow=false;
     $('iframe').remove();
  });
  </code></pre>
  
  <p>I want to remove the iframe that follows the mouse after the first click on the document.</p>
  
  <p>But my code doesnt seem to work..why?</p>
  
  <pre><code>UPDATE:
  </code></pre>
  
  <p>Is there to trap a mouse click without relation to any element..e.g. without this $('document').click()//// but any click that was clicked on the left mouse button.. ?</p>