jquery.touch.js

/*!
    tap / double tap special event for jQuery
    v 1.0.0
    (c) 2014 Yair Even Or <http://dropthebit.com>
    MIT-style license.
*/

;(function($){
	"use strict";

	var tapTimer,
		moved     = false,   // flag to know if the finger had moved while touched the device
		threshold = 250;     // ms

	//////////////////////
	// special events

	$.event.special.doubleTap = {
	    setup    : setup,
        teardown : teardown,
        handler  : handler
	};

    $.event.special.tap = {
        setup    : setup,
        teardown : teardown,
        handler  : handler
    };

	//////////////////////
	// events methods

	function setup(data, namespaces){
	    var elm = $(this);

		if( elm.data('tap_event') == true )
			return;

		elm.bind('touchend.tap', handler)
		    .bind('touchmove.tap', function(){
				moved = true;
			}).data('tap_event', true);
	}

	function teardown(namespaces) {
        $(this).unbind('touchend.tap touchmove.tap');
    }

	function handler(event){
	console.log(event);
		if( moved ){ // reset
			moved = false;
			return false;
		}

		var elem 	  = event.target,
			$elem 	  = $(elem),
			lastTouch = $elem.data('lastTouch') || 0,
			now 	  = event.timeStamp,
			delta 	  = now - lastTouch;

		// double-tap condition
		if( delta > 20 && delta < threshold  ){
			clearTimeout(tapTimer);
			return $elem.data('lastTouch', 0).trigger('doubleTap');
		}
		else
			$elem.data('lastTouch', now);


		tapTimer = setTimeout(function(){
			$elem.trigger('tap');
		}, threshold);
	}

})(jQuery);


/**
* jQuery Plugin to add basic "swipe" support on touch-enabled devices
*
* @author Yair Even Or
* @version 1.0.0 (March 20, 2013)
*/
(function($){
	"use strict";

    $.event.special.swipe = {
        setup: function(){
            $(this).bind('touchstart', $.event.special.swipe.handler);
        },

        teardown: function(){
            $(this).unbind('touchstart', $.event.special.swipe.handler);
        },

        handler: function(event){
            var args = [].slice.call( arguments, 1 ), // clone arguments array, remove original event from cloned array
                touches = event.originalEvent.touches,
                startX, startY,
                deltaX = 0, deltaY = 0,
                that = this;

            event = $.event.fix(event);

            if( touches.length == 1 ){
                startX = touches[0].pageX;
                startY = touches[0].pageY;
                this.addEventListener('touchmove', onTouchMove, false);
            }

            function cancelTouch(){
                that.removeEventListener('touchmove', onTouchMove);
                startX = startY = null;
            }

            function onTouchMove(e){
                //e.preventDefault();

                var Dx = startX - e.touches[0].pageX,
                    Dy = startY - e.touches[0].pageY;

                if( Math.abs(Dx) >= 50 ){
                    cancelTouch();
                    deltaX = (Dx > 0) ? -1 : 1;
                }
                else if( Math.abs(Dy) >= 20 ){
                    cancelTouch();
                    deltaY = (Dy > 0) ? 1 : -1;
                }

                event.type = 'swipe';
                args.unshift(event, deltaX, deltaY); // add back the new event to the front of the arguments with the delatas
                return ($.event.dispatch || $.event.handle).apply(that, args);
            }
        }
    };
})(jQuery);