PointerEvent: свойство width
Базовая линия Широко доступно
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с июля 2020 года.
Свойство width только для чтения интерфейса PointerEvent представляет ширину геометрии контакта указателя по оси x, измеренную в пикселях CSS. В зависимости от источника устройства указателя (например, пальца), для каждого указателя каждое событие может производить различное значение.
Если входное оборудование не может сообщить браузеру о геометрии контакта, ширина по умолчанию составляет 1.
Значение
Ширина области контакта события (в пикселях CSS).
Примеры
Этот пример демонстрирует использование свойств width и height интерфейса PointerEvent для расчета области контакта.
target.addEventListener(
"pointerdown",
(ev) => {
// Calculate the contact area
const area = ev.width * ev.height;
},
false,
);
Спецификации
| Спецификация |
|---|
| Pointer Events # dom-pointerevent-width |
Совместимость с браузерами
| Рабочий стол | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на IOS | Samsung Internet | WebView Android | |
width |
55 | 12 | 59 | 42 | 13 | 55 | 79 | 42 | 13 | 6.0 | 55 |
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/width