Сохраняет ли jQuery свойства сенсорных событий? - PullRequest
Новая
       6

Сохраняет ли jQuery свойства сенсорных событий?

20 голосов
/ 06 июля 2010

Хотя этот код выдает ожидаемое поведение «1» при касании экрана: 

document.getElementById('someNodeId').addEventListener('touchmove', touch, true);

function touch(evt) {
  evt.preventDefault();
  alert(evt.changedTouches.length);     
  }

тот же код с использованием селектора jQuery: 

 $('#someNodeId').bind('touchmove', touch);

выдает ошибку: «Ошибка типа: Результат выражения« evt.changedTouches »[undefined] не является объектом».

(Устройство = iPod Touch OS 3.1.3 (7E18); jQuery 1.4.2).

Как это возможно и что я делаю не так?

Ответы [ 2 ]

34 голосов
/ 06 июля 2010

Попробуйте 

$(document).ready (function () {
    $("#someNodeId").bind("touchmove", function (event) {
        var e = event.originalEvent;
        console.log(e.targetTouches[0].pageX);
    });
});
4 голосов
/ 29 апреля 2013

Я использую эту простую функцию для проекта на основе JQuery 

var pointerEventToXY = function(e){
  var out = {x:0, y:0};
  if(e.type == 'touchstart' || e.type == 'touchmove' || e.type == 'touchend' || e.type == 'touchcancel'){
    var touch = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0];
    out.x = touch.pageX;
    out.y = touch.pageY;
  } else if (e.type == 'mousedown' || e.type == 'mouseup' || e.type == 'mousemove' || e.type == 'mouseover'|| e.type=='mouseout' || e.type=='mouseenter' || e.type=='mouseleave') {
    out.x = e.pageX;
    out.y = e.pageY;
  }
  return out;
};

пример: 

$('a').on('mousemove touchmove', function(e){
   console.log(pointerEventToXY(e)); // will return obj ..kind of {x:20,y:40}
})

надеюсь, это будет полезно для вас;)

...