jquery touchmove chrome mobile

时间:2012-11-19 17:40:07

标签: jquery google-chrome touchmove

如何在touchmove期间获取手指下的元素ID?

我想要达到的目标是:

  • 绑定触摸[开始|结束|移动]
  • on touchstart start selection
  • 在touchmove期间收集我手指下“触摸”的所有dom元素

示例代码

var collected = [];
$('body').bind('touchstart touchmove touchend', function(event) {
  event.preventDefault();
  if(event.type == 'touchstart') {
    collected = [];
  } else if(event.type == 'touchmove') {
    // id of the element under my finger??
    // insert in collected the id of the element
  } else if(event.type == 'touchend') {
    // some code
  }
});

解决。

1 个答案:

答案 0 :(得分:1)

您可以在Safari here中找到有关所有触摸事件的信息。 jQuery没有任何触摸事件处理程序,你需要定义它们。取自this stackoverflow post

document.addEventListener('touchmove', function(e) {
    e.preventDefault();
    var touch = e.touches[0];
    alert(touch.pageX + " - " + touch.pageY);
}, false);

通过这种方式,您可以定义所有触摸手势的方式。