Deal with touch events on a list. (Touch duration, swipe.)

touchEvents.js

var timeout,
    longtouch,
    xDown,
    yDown;

$("#myList li").bind('touchstart', function() {
  timeout = setTimeout(function() {
    longtouch = true;
  }, 300);
}).bind('touchend', function() {
   if (longtouch) {
      // It was a long touch.
   }
   longtouch = false;
   clearTimeout(timeout);
});

$("#myList")
  .on('mousedown touchstart', function (e) {
    xDown = e.originalEvent.touches[0].pageX;
    yDown = e.originalEvent.touches[0].pageY;
    swiped = false;
  })
  .on('mouseup touchend',function (e) {
    var xUp = e.originalEvent.changedTouches[0].pageX;
    var yUp = e.originalEvent.changedTouches[0].pageY;
    console.log("(x,y) = (" + xUp + "," + e.yUp +")");
    if (xDown != xUp || yDown != yUp) {
      console.log("xDistance: " + (xUp - xDown));
      console.log("yDistance: " + (yUp - yDown));
      swiped = true;
    }
  });