JQuery 获取touchstart,touchmove,touchend 坐标

2019独角兽企业重金招聘Python工程师标准>>>

$('#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)
})

 

转载于:https://my.oschina.net/newgoup/blog/710116