学习记录:touch事件的坐标获取
touch 事件获取坐标
jq:
$('#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; }
js:
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); });
相关解释:
targetTouches 表示的是手指列表
changedTouches 表示的是手指事件 ,在 touchend 里就是手指离开