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 の定義
草案 MouseEventlong 型から double 型に再定義します。 これは、pointerType がマウスである PointerEventdouble 型になることを意味します。

ブラウザーの互換性

BCD tables only load in the browser