title: Stop rotation on mouse hover in three.js
body: <p>I have written a function by which i want to stop rotation of three.js object on mouse hover.</p>
  
  <pre><code>function onDocumentMouseUp( event ) {
  event.preventDefault();
  mouse.x = ( event.clientX / window.innerWidth ) * 2 - 1;
  mouse.y = - ( event.clientY / window.innerHeight ) * 2 + 1;
   raycaster.setFromCamera( mouse, camera );
  var intersects = raycaster.intersectObjects( scene.group );
  if ( intersects.length &gt; 0 ) {
    if ( INTERSECTED != intersects[ 0 ].object ) {
  
      if (controls.AutoRotate) {
         controls.autoRotate = false;
      }     }
    }
  
  
  }
  </code></pre>
  
  <p>Don't know why but the function is not working neither it is giving any error in the console.Can anybody tell whats the problem over here or suggest the possible solution to this problem. Its not working maybe because i am embedding DOM elements inside three.js and using css renderer.</p>