javascript - How do you bind a touch function with Zepto properly? - Stack Overflow

admin管理员组

文章数量:1425695

I'm trying to bind an event to the touchstart, touchmove, and touchend properties that will track the location of the touch. Here's my code:

$('#container').bind('touchstart touchmove touchend', function (event) { updateFinger(event); });

And the update finger function:

var updateFinger = function(e)
{
  e.preventDefault();
  fingerX = e.data.x1;
  fingerY = e.data.y1;
  alert(fingerX + ' ' + fingerY);
}

I know the function is called, but from what I can tell, e.data.x1 and e.data.y1 don't exist (As well as .x). I'm using the code in the documentation, can anyone help me out with this?

EDIT: I fixed the problem, it turns out I was using the wrong code.

Instead of

e.data.x1

You need to use

e.touches[0].pageX

I'm trying to bind an event to the touchstart, touchmove, and touchend properties that will track the location of the touch. Here's my code:

$('#container').bind('touchstart touchmove touchend', function (event) { updateFinger(event); });

And the update finger function:

var updateFinger = function(e)
{
  e.preventDefault();
  fingerX = e.data.x1;
  fingerY = e.data.y1;
  alert(fingerX + ' ' + fingerY);
}

I know the function is called, but from what I can tell, e.data.x1 and e.data.y1 don't exist (As well as .x). I'm using the code in the documentation, can anyone help me out with this?

EDIT: I fixed the problem, it turns out I was using the wrong code.

Instead of

e.data.x1

You need to use

e.touches[0].pageX

• javascript
• zepto

Share Improve this question Follow edited Aug 20, 2012 at 3:20 wprl 25.5k1111 gold badges5757 silver badges7070 bronze badges asked Jan 13, 2012 at 15:02 CSturgessCSturgess 1,55722 gold badges1313 silver badges2929 bronze badges 1

• 1 That's great. Could you create an answer for that and mark it as accepted. This way, your question will move out of the "unanswered" lists. – swatkins Commented Jan 16, 2012 at 20:36

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7

Instead of

e.data.x1

You need to use

e.touches[0].pageX

本文标签： javascriptHow do you bind a touch function with Zepto properlyStack Overflow