Question

jQuery("#surface").bind("mousedown", function(e)
{
     console.log("(x,y) = (" + e.pageX + "," + e.pageY +")"); 
});

I wrote this code but not track that it is touch event or swipe event.I want to call function which fired when swipe event start and end.When you touch a finger on iPad/iPhone and push and drag to left or right.I want finger touching starting position (x,y) cordinate and need (x,y) position when you drop a finger.

I also used jqTouch but it don’t give me starting and ending position.

I want to make App which swipe page according to your finger.

———— HTML ————

<canvas id="surface">
     //  here goes all image pages 
</canvas>

do you have any idea about how to detect swipe start and end event using jQuery or javascript but not touch event.

Answer 1

Have you looked at this plugin?

Also, if that’s not feasible, what you’re gonna need to do is set a timer on touchstart and touchend

FYI, I know jQuery plug site is broke, but you can find the download for that plugin here