update enableCTrace logic

sambaker · Apr 5, 2012 · 218fb6a · 218fb6a
1 parent 028cc03
commit 218fb6a
Showing 1 changed file with 25 additions and 4 deletions.
diff --git a/awe-tools.js b/awe-tools.js
@@ -6,9 +6,28 @@
  */
 (function(Awe, global, document, undefined) {
 
-  var xyTrace = function(evt) {
-    console.log("point:( " + evt.x + ", " + evt.y + " ) of " + evt.currentTarget.id);
+  /*
+   * method: Schedule a timeout that prints out the mouse coordinates only after 
+   * mousemove has stopped
+   */
+  var onmousemove = function(evt) {
+    clearTimeout(mousemoveTimer);
+    mousemoveEvent = evt;
+    mousemoveElementId = evt.currentTarget.id;
+    mousemoveTimer = setTimeout(onmousestop, 250);
+  }
+
+  var onmouseout = function(evt) {
+    clearTimeout(mousemoveTimer);
   }
+
+  var onmousestop = function() {
+    console.log("point:( " + mousemoveEvent.x + ", " + mousemoveEvent.y + " ) of " + mousemoveElementId);
+  }
+
+  var mousemoveEvent;
+  var mousemoveElementId;
+  var mousemoveTimer;
 
   /* 
    * method: Awe.enableCTrace
@@ -18,7 +37,8 @@
    */
   Awe.enableCTrace = function(elementId) {
     var e = document.getElementById(elementId);
-    e.addEventListener("mousemove", xyTrace);
+    e.addEventListener("mousemove", onmousemove);
+    e.addEventListener("mouseout", onmouseout);
   }
 
   /* 
@@ -28,7 +48,8 @@
    */
   Awe.disableCTrace = function(elementId) {
     var e = document.getElementById(elementId);
-    e.removeEventListener("mousemove", xyTrace);
+    e.removeEventListener("mousemove", onmousemove);
+    e.removeEventListener("mouseout", onmouseout);
   }
 
 })(Awe, this, document);