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

瀏覽器相容性