Я пытаюсь получить позицию X с jQuery события touchstart, используемого с живой функцией?
т.е.
$('#box').live('touchstart', function(e) { var xPos = e.PageX; } );
Теперь это работает с 'click' как событие. Как на земле (без использования alpha jQuery Mobile) я получаю его с событием touch?
Любые идеи?
Спасибо за любую помощь.
Поздно, но вам нужно получить доступ к исходному событию, а не к массиву jQuery. Кроме того, поскольку это события с несколькими касаниями, необходимо внести другие изменения:
$('#box').live('touchstart', function(e) {
var xPos = e.originalEvent.touches[0].pageX;
});
Если вы хотите другие пальцы, вы можете найти их в других показателях списка касаний.
ОБНОВЛЕНИЕ ДЛЯ НОВОГО СОКРАЩЕНИЯ:
$(document).on('touchstart', '#box', function(e) {
var xPos = e.originalEvent.touches[0].pageX;
});
Я использую эту простую функцию для проекта на основе 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}
})
надеюсь, что это будет полезно для вас;)
Я попробовал некоторые другие ответы здесь, но originalEvent также был undefined. После проверки обнаружил свойство TouchList (как было предложено другим плакатом), и ему удалось перейти на страницуX/Y следующим образом:
var x = e.changedTouches[0].pageX;
Если вы не используете jQuery... вам нужно получить доступ к одному из событий TouchList, чтобы получить объект Touch, который имеет pageX/Y clientX/Y и т.д.
Вот ссылки на соответствующие документы:
Я использую e.targetTouches[0].pageX в моем случае.
Проверьте Safari ссылка разработчика на класс Touch.
В соответствии с этим, pageX/Y должен быть доступен - возможно, вы должны проверить орфографию? убедитесь, что он pageX, а не pageX