PointerEvent:pointerType 屬性

Baseline 廣泛可用 *

此特性已經十分成熟,可在許多裝置和瀏覽器版本上使用。自 2020 年 7 月以來,它已在各大瀏覽器中可用。

* 此特性的某些部分可能存在不同級別的支援。

PointerEvent 介面的 pointerType 只讀屬性表示引發給定指標事件的裝置型別(滑鼠、筆或觸控)。

事件的指標型別。支援的值是以下字串

"mouse"

事件由滑鼠裝置生成。

"pen"

事件由筆或手寫筆裝置生成。

"touch"

事件由觸控生成,例如手指。

如果瀏覽器無法檢測到裝置型別,則該值可以是一個空字串("")。如果瀏覽器支援上述以外的指標裝置型別,則該值應帶有供應商字首,以避免不同裝置型別之間的名稱衝突。

示例

此示例說明如何使用 pointerType 屬性的值來呼叫適當的指標型別處理函式。

js
targetElement.addEventListener("pointerdown", (event) => {
  // Call the appropriate pointer type handler
  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} is not supported`);
  }
});

規範

規範
指標事件
# dom-pointerevent-pointertype

瀏覽器相容性