<div id="m" style="position:absolute;width: 100px;height: 100px;background: red"></div>
<script type="text/javascript">
var start_piont,end_point,delta_x,delta_y;
$(document).ready(function(){
$("#m").on("touchstart",function(e){
var touch = e.touches[0];
start_piont = {
x: touch.pageX,
y: touch.pageY
}
console.log(start_piont);
$("#m").css("top",touch.pageY);
$("#m").css("left",touch.pageX);
}).bind('touchmove',function(e){
//在这里不断刷新
var touch = e.touches[0];
end_point = {
x: touch.pageX,
y: touch.pageY
}
console.log(end_point);
$("#m").css("top",touch.pageY);
$("#m").css("left",touch.pageX);
}).bind('touchend', function(e){
//在这里取值计算
delta_x = end_point.x - start_piont.x;
delta_y = end_point.y - start_piont.y;
console.log(delta_x);
console.log(delta_y);
});
});
</script>