Есть ли эквивалент для e.PageX для события touchstart, как для события click? - PullRequest
Новая
       33

Есть ли эквивалент для e.PageX для события touchstart, как для события click?

99 голосов
/ 24 января 2011

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

* 1003 Т.е. * 

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

Теперь это работает с «щелчком» в качестве события. Как, черт возьми, (без использования alpha jQuery Mobile) получить его с помощью сенсорного события?

Есть идеи?

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

Ответы [ 5 ]

170 голосов
/ 31 августа 2011

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

$('#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;
});
41 голосов
/ 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('mousedown touchstart', function(e){
  console.log(pointerEventToXY(e)); // will return obj ..kind of {x:20,y:40}
})

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

10 голосов
/ 02 ноября 2015

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

6 голосов
/ 23 октября 2015

Если вы не используете jQuery ... вам нужно получить доступ к одному из TouchList s события, чтобы получить Touch объект, который имеет pageX/Y clientX/Y и т. Д.

Вотссылки на соответствующие документы:

Я использую e.targetTouches[0].pageX в моем случае.

0 голосов
/ 24 января 2011

Проверьте Safari Справочник разработчика по классу Touch .

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

...