Có vị trí tương đương với e.PageX cho sự kiện 'touchstart' như cho sự kiện nhấp chuột không?

Tôi đang cố gắng có được vị trí X với jQuery của một sự kiện touchstart, được sử dụng với chức năng trực tiếp?

I E

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

Bây giờ, điều này hoạt động với sự kiện 'nhấp chuột'. Làm thế nào để tôi có được nó với một sự kiện chạm vào (không sử dụng alpha jQuery Mobile)?

Bất kỳ ý tưởng?

Cảm ơn vì bất kì sự giúp đỡ.

Kinda trễ, nhưng bạn cần truy cập sự kiện ban đầu, không phải sự kiện được tạo bằng jQuery. Ngoài ra, vì đây là các sự kiện đa chạm nên cần thực hiện các thay đổi khác:

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

Nếu bạn muốn các ngón tay khác, bạn có thể tìm thấy chúng trong các chỉ số khác của danh sách cảm ứng.

CẬP NHẬT CHO JQUERY MỚI HƠN:

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

Tôi sử dụng hàm đơn giản này cho dự án dựa trên 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;
    };

thí dụ:

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

hy vọng điều này sẽ hữu ích cho bạn;)

Tôi đã thử một số câu trả lời khác ở đây, nhưng originalEvent cũng không được xác định. Khi kiểm tra, đã tìm thấy một thuộc tính được phân loại TouchList (theo đề xuất của một người đăng khác) và đã truy cập được pageX / Y theo cách này:

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

Nếu bạn không sử dụng jQuery ... bạn cần truy cập vào một trong các sự kiện TouchListđể lấy một Touchđối tượng có pageX/Y clientX/Yv.v.

Dưới đây là các liên kết đến các tài liệu liên quan:

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

Tôi đang sử dụng e.targetTouches[0].pageXtrong trường hợp của tôi.

Kiểm tra tham chiếu của nhà phát triển Safari trên lớp Touch .

Theo đó, pageX / Y nên có sẵn - có lẽ bạn nên kiểm tra chính tả? chắc chắn rằng nó pageXvà khôngPageX