JQuery 获取touchstart,touchmove,touchend 坐标

JQuery写法：

$('#id').on('touchstart',function(e) {

    var _touch = e.originalEvent.targetTouches[0];

    var _x= _touch.pageX;

});

 

$('#id').on('touchmove',function(e) {

    var _touch = e.originalEvent.targetTouches[0];

    var _x= _touch.pageX;

});

 

$('#id').on('touchend',function(e) {

    var _touch = e.originalEvent.changedTouches[0];

    var _x= _touch.pageX;

}

原生写法：

document.getElementById("id").addEventListener("touchstart",function(e)

{

    var _x=e.touches[0].pageX;

    var _y=e.touches[0].pageY;

    console.log("start",_x)

})

document.getElementById("id").addEventListener("touchmove",function(e)

{

    var _x=e.touches[0].pageX;

    var _y=e.touches[0].pageY;

    console.log("move",_x)

})

document.getElementById("id").addEventListener("touchend",function(e)

{

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

    var _y=e.changedTouches[0].pageY;

    console.log("end",_x)

})