Mouse Event、Touch Event、Pointer Event の違い

Mouse Event

[Event] <|-- [UIEvent] <|-- [MouseEvent]

https://developer.mozilla.org/ja/docs/Web/API/MouseEvent

• ポインティングデバイスによる操作によって発行されるイベント
• mousedown / mouseup / mousemove などのイベントで使われる

Touch Event

[Event] <|-- [UIEvent] <|-- [TouchEvent]

https://developer.mozilla.org/ja/docs/Web/API/TouchEvent

• タッチパネルやトラックパッドで使われるイベント
• touchstart / touchend / touchmoveなどのイベントで使われる
• 多くの場合Touch EventとMouse Eventが同時に発生するのでpreventDefault()の呼び出しが必要
• Safari 未対応

Pointer Event

[Event] <|-- [UIEvent] <|-- [MouseEvent] <|-- [PointerEvent]

https://developer.mozilla.org/ja/docs/Web/API/PointerEvent

• 入力デバイスにとらわれないポインターイベント
• pointerdown / pointerup / pointermove などのイベントで使われる
• ペンなどのpressure（圧力）やポインター（指とか）の形状などの情報が取得できる

まとめ

とりあえずPointer Eventを使っておけば良さそう。