mouse_vs_touch.ts

// Mouse vs touch detection, supporting devices which are capable of both

// by default set using touch for all touch enabled devices
let userUsesTouch =
  'ontouchstart' in document.documentElement ||
  navigator.maxTouchPoints > 0 ||
  navigator.msMaxTouchPoints > 0;

if (userUsesTouch) {
  catchMouse();
} else {
  catchTouch();
}

function catchTouch() {
  document.addEventListener(
    'touchstart',
    () => {
      userUsesTouch = false;
      catchTouch();
    },
    { once: true }
  );
}

function catchMouse() {
  document.addEventListener(
    'mousemove',
    () => {
      userUsesTouch = false;
      catchTouch();
    },
    { once: true }
  );
}