jQuery.gest

jQuery based Gesture library

by davidhong

HTML

<div id="#track-pad"></div>

CSS

#track-pad { width: 500px; height: 300px; background #eee; }

JavaScript

//
// proposed usage
var swiped = function (event) {
    return event.direction && /up|down|left|right/i.test(event.direction);
}
 
$('body')
    .delegate('#track-pad', 'swipe', function (event) {
        swiped(event);
    })
    .bind('swipe', function (event) {
        swiped(event);
    })
    .swipe(function (event) {
        swiped(event);
    });