javascript - JS使用mousemove或touchmove

Question

我想知道如何根据使用该应用程序的设备使用 mousemove 或 touchmove。我希望支持触摸的设备听 touchmove 和桌面设备改为使用 mousemove。我还想使用移动设备上似乎缺少的 offsetX 和 offsetY =/

Answer 1

你可以将事件包装在一个对象中，并根据 is_touch_supported 进行设置:

var body = document.querySelector('body'),
    is_touch_supported = ('ontouchstart' in window) ? true : false,
    EVENTS = {
      POINTER_DOWN : is_touch_supported ? 'touchstart' : 'mousedown',
      POINTER_UP   : is_touch_supported ? 'touchend'   : 'mouseup',
      POINTER_MOVE : is_touch_supported ? 'touchmove'  : 'mousemove'
    };

现在你可以像那样使用事件了:

body.addEventListener(EVENTS.POINTER_MOVE, function (e) {
  e.preventDefault();

  // normalize event so you can use e.offset X/Y
  if(is_touch_supported){
    e = e.changedTouches[0];
    e.offsetX = e.pageX - e.target.offsetLeft;
    e.offsetY = e.pageY - e.target.offsetTop;
  }

  // ...
});