HTML5 Touch Events (Touchstart, Touchmove, and Touchend)

http://blog.csdn.net/kaikai4/article/details/46840317

Http://blog.csdn.net/fuqinyijiu/article/details/41315123

Example

$("body").on("touchstart", function(e) {

     e.preventDefault();      startX = e.originalEvent.changedTouches[0].pageX,      startY = e.originalEvent.changedTouches[0].pageY; }); $( "body" ).on( "touchmove" , function (e) {      e.preventDefault();      moveEndX = e.originalEvent.changedTouches[0].pageX,      moveEndY = e.originalEvent.changedTouches[0].pageY,      X = moveEndX - startX,      Y = moveEndY - startY;           if ( Math.abs(X) > Math.abs(Y) && X > 0 ) {          alert( "left 2 right" );      }      else if ( Math.abs(X) > Math.abs(Y) && X < 0 ) {          alert( "right 2 left" );      }      else if ( Math.abs(Y) > Math.abs(X) && Y > 0) {          alert( "top 2 bottom" );      }      else if ( Math.abs(Y) > Math.abs(X) && Y < 0 ) {          alert( "bottom 2 top" );      }      else {          alert( "just touch" );      } });

HTML5 Touch Events (Touchstart, Touchmove, and Touchend)