學習記錄：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 里就是手指離開