'touchstart'事件是否与e.PageX位置等效？

我正在尝试与live函数一起使用的touchstart事件的jQuery获得X位置？

即

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

现在，这确实可以将“ click”作为事件。到底如何（不使用Alpha jQuery Mobile）通过触摸事件获取它？

有任何想法吗？

谢谢你的帮助。

Kinda很晚，但是您需要访问原始事件，而不是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;
});

我将此简单功能用于基于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也未定义。经过检查，找到了一个TouchList的分类属性（如另一个发布者所建议），并设法通过这种方式进入pageX / Y：

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

如果您不使用jQuery ...，则需要访问事件的其中之一TouchList以获取Touch具有pageX/Y clientX/Yetc 的对象。

以下是相关文档的链接：

• https://developer.mozilla.org/zh-CN/docs/Web/Events/touchstart
• https://developer.mozilla.org/zh-CN/docs/Web/API/TouchList
• https://developer.mozilla.org/zh-CN/docs/Web/API/Touch

我正在使用e.targetTouches[0].pageX我的情况。

查看Safari 开发人员在Touch类上的参考。

据此，pageX / Y应该可用-也许您应该检查拼写？确保它是pageX不是PageX