PointerEvent: pointerType プロパティ
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
pointerType
は PointerEvent
インターフェイスの読み取り専用プロパティで、特定のポインターイベントを引き起こした機器の種類(マウス、ペン、タッチのいずれか)を示します。
値
例
この例は、pointerType
プロパティの値を使用して適切なポインターの種類の処理関数を呼び出す方法を示しています。
js
targetElement.addEventListener(
"pointerdown",
(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,
);
仕様書
Specification |
---|
Pointer Events # dom-pointerevent-pointertype |
ブラウザーの互換性
BCD tables only load in the browser