title: addEventListener mousemove on document ready
body: <p>Newbie-question I suppose. </p>
  
  <p>The following code is part of a function that I call on document ready. It is intended to permanently return the values of the current mouse position whenever the mouse is moved. </p>
  
  <p>The odd thing that is happening: Moving the mouse on document ready doesn't log anything to the console. I know the mouse_monitor-function works though because I use this function in another "mousedown"-eventlistener and it then logs the current mouse-position to the console. </p>
  
  <pre><code>//Mouse Monitor
  
      canvas.addEventListener('mousemove', mouse_monitor, false);
  
  
  //Mouse Monitor Request
      var mouse = new Array();
      var mouse_monitor = function(e) {
          var canvasOffset=$("#canvas").offset();
          var offsetX=canvasOffset.left;
          var offsetY=canvasOffset.top;
          mouse.x = e.pageX - offsetX;
          mouse.y = e.pageY - offsetY;
          return mouse;
          console.log(mouse);
      }
  </code></pre>