How to return X and Y coordinates when using jquery.hammer.js

javascript jquery coordinates hammer.js
DFania picture DFania · Jun 30, 2013 · Viewed 11.5k times · Source

I am programming a little page using jquery.hammer.js and I have having problems getting the x and y coordinates of a touch event.

my code is as follows:

var x1, y1;
var element = document.getElementById("myDIV")
$(element).hammer().on("touch", function(e){
x1 = e.clientX
y1 = e.clientY

document.getElementById("resultDIV").innerHTML = x1 + " " + y1
}

but all I get is "undefined undefined" as my result.

i have everything i can think of, any help is much appreciated.

Answer

hudidit picture hudidit · Aug 17, 2014

e.gesture is deprecated now. With the latest version of Hammer.js, you should use

var tapX, tapY;
tapX = e.center.x;
tapY = e.center.y;

Related questions

How to find the element's x center coordinates and related window offset

i would like to retrieve the element offset starting from his own x center coordinates. how can i do it? Actually i can find the window offset of an element but it retrieves the coordinates from the border of the …

Read More
Select a portion of an image and retrieve its coordinates with jQuery

I need a way for user to select the portion of an image either by resizing transparent rectangle or by clicking and dragging the selection area (as it's done in desktop OS), both would work for me. Then i need …

Read More
How to get cells (<td>) x and y coordinate in table using jQuery?

I'm looking for a good way to get cells X-Y position in a table. (do not confuse it with css-position, I am looking for X and Y coordinate in Cartesian coordinate system). As we know, we can get particular cell …

Read More