title: three js controls only in div
body: <p>I've successfully rendered a 3d object in a div: but I'd like to have the ability to manipulate the 3d object only from the div. Currently I can manipulate (control?) the object from anywhere in the window.</p>
  
  <p>I'm using three JS and JQuery.</p>
  
  <p>I have the following in init():</p>
  
  <pre><code>// This &lt;div&gt; will host the canvas for the scene.
  container = document.getElementById( 'view_area' );
  </code></pre>
  
  <p>which puts the canvas in view_area nicely, but the controls drag area includes the entire window, so if I try to select text outside view_area it starts animating the scene.</p>