title: Detecting a Click on Stage but not on Shape in KineticJS
body: <p>In KineticJS, how do you detect a <code>Click</code> event where the click occurs outside an object/shape?</p>
  
  <p>I am trying to get a <code>Rect</code> to change its scale to <code>2</code> when a user clicks on it, and return back to a scale of <code>1</code> when the user clicks anywhere outside it.</p>
  
  <p><strong>JSfiddle:</strong> <a href="http://jsfiddle.net/ABTAD/8/" rel="nofollow">http://jsfiddle.net/ABTAD/8/</a></p>
  
  <p>Managed to detect a click on stage, but clicking on the <code>Rect</code> also fires the click handler!!! And somehow the <code>.setScale(1)</code> does not do anything, while <code>console.log</code> printes something out. How can I prevent the click handler from firing when the click is made on the <code>Rect</code> instead of the empty stage?</p>
  
  <p><strong>JS Code to detect click on stage</strong></p>
  
  <pre><code>window.stage.getContainer().addEventListener('click', function(e) {
      $.each(window.layer.get('.box'), function(index, box) {
         box.setScale(1);
         console.log('clicked on stage');
      });
  });
  </code></pre>