title: JavaScript firing too many events?
body: <p>The handle <code>mousemove</code> events are amongst 3 <code>&lt;div&gt;</code>s which are nested inside each other. Can't seem to find the issue which is causing too many events to get fired.</p>
  
  <pre class="lang-js prettyprint-override"><code>(function() { 
    var boxes = [ 
      document.getElementById("box1"),
      document.getElementById("box2"),
      document.getElementById("box3"),
    ]; 
  
    boxes[0].addEventListener(
      "mousemove", function(event) { console.log("Box 1"); }
    ); 
    boxes[1].addEventListener(
      "mousemove", function(event) { console.log("Box 2"); }
    ); 
    boxes[2].addEventListener(
      "mousemove", function(event) { console.log("Box 3"); }
    );
  })(); 
  
  </code></pre>