title: How to listen for mousemove event on Document object in Angular
body: <p>I am implementing dragging functionality into an angular app: <a href="http://jsfiddle.net/Jjgmz/1/" rel="noreferrer">http://jsfiddle.net/Jjgmz/1/</a></p>
  
  <p>Part of it, is to listen for <code>mousemove</code> event on a document object.</p>
  
  <pre><code>$(document).mousemove(function(e) {});
  </code></pre>
  
  <p>How can I listen for document object inside of a component?</p>
  
  <p>Lets pretend this is the contents of component.html file:</p>
  
  <pre><code>&lt;div id="box"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I am using Angular 4.</p>