PointerEvent:width 属性

Baseline 已广泛支持

此特性已经十分成熟,可在许多设备和浏览器版本上使用。自 2020 年 7 月以来,它已在各大浏览器中可用。

PointerEvent 接口的width只读属性表示指针接触几何体沿 x 轴的宽度,以 CSS 像素为单位。对于给定的指针,根据指针设备(例如手指)的来源,每次事件可能会产生不同的值。

如果输入硬件无法向浏览器报告接触几何体,则 width 默认为 1

事件接触区域的宽度(以 CSS 像素为单位)。

示例

此示例演示如何使用 PointerEvent 接口的 widthheight 属性来计算接触区域。

js
target.addEventListener("pointerdown", (ev) => {
  // Calculate the contact area
  const area = ev.width * ev.height;
});

规范

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

浏览器兼容性