support touch events, smoother behavior

mfjenn · Jul 24, 2011 · e3974c0 · e3974c0
1 parent 1e38140
commit e3974c0
Showing 1 changed file with 8 additions and 10 deletions.
diff --git a/template.html b/template.html
@@ -149,30 +149,28 @@ <h3>No, bar!</h3>
   /* Touch Events */
 
   function setupTouchEvents() {
-    var orgX, orgY;
-    var newX, newY;
+    var orgX, newX;
+    var tracking = false;
 
     var body = document.body;
     body.addEventListener("touchstart", start, false);
     body.addEventListener("touchmove", move, false);
-    body.addEventListener("touchend", end, false);
 
     function start(e) {
       e.preventDefault();
+      tracking = true;
       orgX = e.changedTouches[0].pageX;
-      orgY = e.changedTouches[0].pageY;
     }
 
     function move(e) {
+      if (!tracking) return;
       newX = e.changedTouches[0].pageX;
-      newY = e.changedTouches[0].pageY;
-    }
-
-    function end(e) {
-      if (orgX - newX > 10) {
+      if (orgX - newX > 100) {
+        tracking = false;
         forward();
       } else {
-        if (orgX - newY < 10) {
+        if (orgX - newX < -100) {
+          tracking = false;
           back();
         }
       }