PointerEvent: свойство pointerType

Чтение-только свойство pointerType интерфейса PointerEvent указывает тип устройства (мышь, ручка или сенсорный экран), вызвавшего данное событие pointer.

Тип указателя события. Поддерживаемые значения — следующие строки:

"mouse"

Событие было сгенерировано устройством мыши.

"pen"

Событие было сгенерировано устройством пера или стилуса.

"touch"

Событие было сгенерировано сенсорным устройством, например, пальцем.

Если тип устройства не может быть определен браузером, значение может быть пустой строкой (""). Если браузер поддерживает типы устройств указателя, отличные от перечисленных выше, значение должно быть префиксным для предотвращения конфликтов имён разных типов устройств.

В этом примере показано использование значения свойства pointerType для вызова соответствующей функции обработки типа указателя.

targetElement.addEventListener(
  "pointerdown",
  (event) => {
    // Call the appropriate pointer type handler
    switch (event.pointerType) {
      case "mouse":
        process_pointer_mouse(event);
        break;
      case "pen":
        process_pointer_pen(event);
        break;
      case "touch":
        process_pointer_touch(event);
        break;
      default:
        console.log(`pointerType ${event.pointerType} is not supported`);
    }
  },
  false,
);