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