Существует ли эквивалент позиции e. PageX для события "touchstart", как и для события click?

Я пытаюсь получить позицию X с помощью jQuery события touchstart, используемого с функцией live?

т. е.

$('#box').live('touchstart', function(e) { var xPos = e.PageX; } );

теперь это работает с "щелчком" в качестве события. Как на земле (без использования Альфа jQuery мобильного телефона) должен ли я сделать это с события касания?

какие идеи?

Спасибо за любую помощь.

5 93
javascript jquery cocoa-touch events clickonce

5 ответов:

немного поздно, но вам нужно получить доступ к исходному событию, а не к массированному jQuery. Кроме того, поскольку это события multi-touch, необходимо внести другие изменения:

$('#box').live('touchstart', function(e) {
  var xPos = e.originalEvent.touches[0].pageX;
});

Если вам нужны другие пальцы, вы можете найти их в других индексах списка касаний.

ОБНОВЛЕНИЕ ДЛЯ НОВОГО JQUERY:

$(document).on('touchstart', '#box', function(e) {
  var xPos = e.originalEvent.touches[0].pageX;
});
160

Я использую эту простую функцию для проекта на основе 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('mousedown touchstart', function(e){
  console.log(pointerEventToXY(e)); // will return obj ..kind of {x:20,y:40}
})

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

39

я попробовал некоторые другие ответы здесь, но originalEvent также не был определен. При осмотре нашел свойство класса TouchList (как это было предложено другим плакатом) и сумел добраться до pageX / Y таким образом:

var x = e.changedTouches[0].pageX;
9

если вы не используете jQuery... вам нужно получить доступ к одному из событий TouchLists, чтобы получить

6

Проверьте Safari ссылка разработчика на сенсорный класс.

согласно этому, pageX / Y должен быть доступен - может быть, вы должны проверить орфографию? убедитесь, что это pageX, а не PageX

0