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 里就是手指离开

相关文章:

  • 2022-12-23
  • 2022-01-13
  • 2022-12-23
  • 2021-10-26
  • 2021-09-28
  • 2021-07-14
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-11-08
  • 2021-07-04
  • 2022-12-23
  • 2021-12-31
相关资源
相似解决方案