PointerEvent: width property

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.

Thuộc tính chỉ đọc width của giao diện PointerEvent đại diện cho chiều rộng của hình học tiếp xúc của con trỏ theo trục x, tính bằng pixel CSS. Tùy thuộc vào nguồn của thiết bị con trỏ (ví dụ: ngón tay), với một con trỏ nhất định, mỗi sự kiện có thể tạo ra giá trị khác nhau.

Nếu phần cứng đầu vào không thể báo cáo hình học tiếp xúc cho trình duyệt, chiều rộng mặc định là 1.

Giá trị

Chiều rộng của vùng tiếp xúc của sự kiện (tính bằng pixel CSS).

Ví dụ

Ví dụ này minh họa cách sử dụng các thuộc tính widthheight của giao diện PointerEvent để tính diện tích tiếp xúc.

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

Thông số kỹ thuật

Specification
Pointer Events
# dom-pointerevent-width

Tương thích trình duyệt