Detect swipes using jquery - handy for sliders etc

detect-swipes.js

$this = $('.my-swipe-area');

var touch = {
	start: false,
	stop: false
};

$this.on('touchstart', function(e){
	touch.start = e.originalEvent.touches[0].pageX;
});

$this.on('touchend', function(e){
	touch.end = e.originalEvent.changedTouches[0].pageX ;
	
	if(touch.end <= touch.start){
		// Swiped left
	}else{
		// Swiped right
	}
});

// touchcancel needs to be used for supporting browsers
// such as Chrome on Android

$this.on('touchcancel', function(e){
	touch.end = e.originalEvent.changedTouches[0].pageX ;
	
	if(touch.end <= touch.start){
		// Swiped left
	}else{
		// Swiped right
	}
});