PointerEvent：pointerType 属性

pointerType 是 PointerEvent 接口的一个只读属性，它指示导致特定指针事件的设备类型（鼠标、笔或触摸）。

值

事件的指针类型。支持的值如下面的字符串：

"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`);
    }
  },
  false,
);

规范

规范
指针事件
# dom-pointerevent-pointertype

浏览器兼容性

BCD 表格仅在启用了 JavaScript 的浏览器中加载。