มีตำแหน่งเทียบเท่ากับ e.PageX สำหรับเหตุการณ์ 'touchstart' เนื่องจากมีสำหรับเหตุการณ์คลิกหรือไม่?

ฉันพยายามรับตำแหน่ง X ด้วย jQuery ของเหตุการณ์ touchstart ที่ใช้กับฟังก์ชันถ่ายทอดสดหรือไม่

ได้แก่

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

ตอนนี้สิ่งนี้ใช้ได้กับ "คลิก" เป็นเหตุการณ์ ฉันจะได้รับมันด้วยเหตุการณ์สัมผัสบนโลก (โดยไม่ใช้alpha jQuery) ได้อย่างไร

ความคิดใด ๆ ?

ขอบคุณสำหรับความช่วยเหลือ

มาช้า แต่คุณต้องเข้าถึงเหตุการณ์เดิมไม่ใช่ 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/Yฯลฯ

ลิงค์ไปยังเอกสารที่เกี่ยวข้องมีดังนี้

• 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

ฉันใช้e.targetTouches[0].pageXในกรณีของฉัน

ตรวจสอบซาฟารีอ้างอิงนักพัฒนาในระดับสัมผัส

ตามนี้ควรมี pageX / Y - บางทีคุณควรตรวจการสะกด? ตรวจสอบให้แน่ใจว่าpageXไม่ใช่PageX