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)
 })