Skip to content

Instantly share code, notes, and snippets.

@ramondeklein
Forked from tlync/jquery-doubletap.js
Created August 30, 2014 12:15
Show Gist options
  • Save ramondeklein/27bbff763a160b1850f2 to your computer and use it in GitHub Desktop.
Save ramondeklein/27bbff763a160b1850f2 to your computer and use it in GitHub Desktop.
(function($){
var hasTouch = /android|iphone|ipad/i.test(navigator.userAgent.toLowerCase()),
eventName = hasTouch ? 'touchend' : 'click';
/**
* Bind an event handler to the "double tap" JavaScript event.
* @param {function} doubleTapHandler
* @param {number} [delay=300]
*/
$.fn.doubletap = function(doubleTapHandler, delay){
delay = (delay == null) ? 300 : delay;
this.bind(eventName, function(event){
var now = new Date().getTime();
// the first time this will make delta a negative number
var lastTouch = $(this).data('lastTouch') || now + 1;
var delta = now - lastTouch;
if(delta < delay && 0 < delta){
// After we detct a doubletap, start over
$(this).data('lastTouch', null);
if(doubleTapHandler !== null && typeof doubleTapHandler === 'function'){
doubleTapHandler(event);
}
}else{
$(this).data('lastTouch', now);
}
});
};
})(jQuery);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment