Can't run onmousemove when mouse move in div tag using javascript?
<p>I have a sample code:</p>

<p>javascript:</p>

<pre><code>function bootstrap(id) {
   this.id = id;
   this.init = function() {
      document.getElementById(this.id).onmousemove = positionButton;
   }
   function positionButton(e) {
      e = e || window.event;
      var cursor = {x:0, y:0};
      if (e.pageX || e.pageY) {
         cursor.x = e.pageX;
         cursor.y = e.pageY;
      } else {
         cursor.x = e.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft;
         cursor.y = e.clientY + (document.documentElement.scrollTop || document.body.scrollTop) - document.documentElement.clientTop;
      }
      var elem = document.getElementById(this.id);
      elem.style.position = 'absolute';
      elem.style.top = cursor.y - 10 + 'px';
      elem.style.left = cursor.x - 30 + 'px';
   }
}
</code></pre>

<p>In html:</p>

<pre><code>&lt;div id="button" style="position: absolute; opacity: 1; z-index: 100; width:27px; height:20px; overflow:hidden"&gt;
test test
&lt;/div&gt;
&lt;script type="text/javascript" src="script.js"&gt;&lt;/script&gt;
&lt;script&gt;
var bootstrap = new bootstrap('button');
bootstrap.init();
&lt;/script&gt;
</code></pre>

<p>When I run code, result not run event mousemove, how to fix it?</p>
