Javascript 触摸移动，跟踪用户从边缘滑动的时间

Question

我需要跟踪用户触摸事件。我想跟踪用户何时从边缘滑动。
例如，当用户从左垂直边缘滑动时，我将显示一个菜单，从右边缘滑动时发出警报，并在用户从顶部滑动时显示另一个菜单。

我找不到类似的用法。
我怎样才能做出这种行为？从边缘跟踪滑动 ?
我用 hammer.js 试过这个因为我使用 jQuery，
但是其他库( QuoJS 、 TouchSwipe 、 Touchy 等)对我来说没问题。

fiddle :http://jsfiddle.net/mavent/ym4JV/51/

 $(document).hammer()
    .on("tap doubletap hold drag swipe pinch rotate dragup dragdown swipeup swipedown", function (event) {
        $('#updateArea').html(event.type + ". direction:" + event.gesture.direction  + "<br>deltaX:" + event.gesture.deltaX.toFixed(2)         + ". deltaY:" + event.gesture.deltaY.toFixed(2) + "<br> centerX:" + event.gesture.center.pageX.toFixed(2) + ". centerY:" + event.gesture.center.pageY.toFixed(2));
        var currentText = $('#logArea').text();
        $('#logArea').text(""+currentText+" . "+event.type);
    });

Answer 1

使用 Hammer.js v2.0.4，我发现效果最好:

$("html").hammer().on('swiperight', function (e) {
    var endPoint = e.pointers[0].pageX;
    var distance = e.distance;
    var origin = endPoint - distance;

    if (origin <= 15) {
        // They swiped, starting from no more than 15px away from the edge. 
    }
});