PointerEvent.pointerType

PointerEvent インターフェイスの pointerType 読み取り専用プロパティは、特定のポインタイベントを引き起こしたデバイスタイプ（マウス、ペン、またはタッチ）を示します。

構文

var pType = pointerEvent.pointerType;

戻り値

pType

イベントのポインタタイプ。サポートする値は次の文字列です。

"mouse": イベントはマウスデバイスによって生成されました。
"pen": イベントはペンデバイスまたはスタイラスデバイスによって生成されました。
"touch": イベントは指などのタッチによって生成されました。

デバイスタイプがブラウザーで検出できない場合、値は空の文字列（""）になります。ブラウザーが上記以外のポインタデバイスタイプをサポートしている場合は、異なるタイプのデバイスと名前が競合しないように、値にベンダー接頭辞を付ける必要があります。

例

この例は、pointerType プロパティの値を使用して適切なポインタタイプ処理関数を呼び出す方法を示しています。

targetElement.addEventListener('pointerdown', function(event) {
  // 適切なポインタタイプのハンドラを呼び出す
  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} はサポートしていません`);
  }
}, false);

仕様

仕様	状態	コメント
Pointer Events pointerType の定義	廃止	初期定義
Pointer Events – Level 2 pointerType の定義	勧告	不安定版
CSS Object Model (CSSOM) View Module MouseEvent の定義	草案	`MouseEvent` を `long` 型から `double` 型に再定義します。これは、`pointerType` がマウスである `PointerEvent` が `double` 型になることを意味します。

ブラウザーの互換性

BCD tables only load in the browser