如何正确绑定Zepto的触摸功能?

时间:2012-01-13 15:02:42

标签: javascript zepto

我正在尝试将事件绑定到touchstart,touchmove和touchend属性,以跟踪触摸的位置。这是我的代码:

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

更新手指功能:

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

我知道函数已被调用,但据我所知,e.data.x1和e.data.y1不存在(以及.x)。我正在使用文档中的代码,任何人都可以帮我解决这个问题吗?

编辑:我解决了问题,结果发现我使用了错误的代码。

而不是

e.data.x1

您需要使用

e.touches[0].pageX

1 个答案:

答案 0 :(得分:7)

而不是

e.data.x1

您需要使用

e.touches[0].pageX