title: Trigger mousemove event using Jquery or Javascript
body: <p>Hi I know we can trigger click event . but I want to know that can we trigger mousemove event without any actual mouse movement by user.</p>
  
  <p>Description :</p>
  
  <p>I want to show a message when user select something. on canvas ,my canvas is of full height and width,when user click on a button the canvas shows up. when user do mouse movement he see a message "Click and drag on any part of the web page". this message follows the mouse movement of the user.</p>
  
  <p>What I want to do :</p>
  
  <p>When user click the button he should see the message that "Click and drag on any part of the web page". and message must follow wherever user moves the mouse.</p>
  
  <p>Problem :</p>
  
  <p>User is not able to see the message after click until he/she moves his mouse.</p>
  
  <p>Code:</p>
  
  <pre><code>      function activateCanvas() {
             var documentWidth = jQ(document).width(),
             documentHeight = jQ(document).height();
  
                   jQ('body').prepend('&lt;canvas id="uxa-canvas-container" width="' + documentWidth + '" height="' + documentHeight + '" &gt;&lt;/canvas&gt;&lt;form method="post" id="uxa-annotations-container"&gt;&lt;/form&gt;');
  
      canvas = new UXAFeedback.Canvas('uxa-canvas-container', {
          containerClass: 'uxa-canvas-container',
          selection: false,
          defaultCursor: 'crosshair'
      });
  
  
    jQ(function() {
          var canvas = jQ('.upper-canvas').get(0);
          var ctx = canvas.getContext('2d');
          var x,y;
  
          var tooltipDraw = function(e) {
  
              ctx.save();
              ctx.setTransform(1, 0, 0, 1, 0, 0);
              ctx.clearRect(0, 0, canvas.width, canvas.height);
              ctx.restore();
  
              x = e.pageX - canvas.offsetLeft;
              y = e.pageY - canvas.offsetTop;
              var str = 'Click and drag on any part of the webpage.';
  
              ctx.fillStyle = '#ddd';
              ctx.fillRect(x + 10, y - 60, 500, 40);
              ctx.fillStyle = 'rgb(12, 106, 185)';
              ctx.font = 'bold 24px verdana';
              ctx.fillText(str, x + 20, y - 30, 480);
  
          };
  
          canvas.addEventListener('onfocus',tooltipDraw,0);
          canvas.addEventListener('mousemove',tooltipDraw,0);
  
          canvas.addEventListener('mousedown', function() {
              canvas.removeEventListener('mousemove', tooltipDraw, false);
              ctx.save();
              ctx.setTransform(1, 0, 0, 1, 0, 0);
              ctx.clearRect(0, 0, canvas.width, canvas.height);
              ctx.restore();
          }, false);
  
  
  
         });
    }
  
          jQ('body').on('click', '.mood_img_div', function() {
      // alert("soemthing");
        toggleOverlay();
         activateCanvas();
         });
  </code></pre>
  
  <p>I have made a function which is called after click but the message is not visible. Is there any way to call it for the first time with message and show is everytime when user uses mouse. </p>
  
  <p><strong>I have replaced jQuery with jQ because I am making my own plugin(this is not causing the problem)</strong></p>