PointerEvent: pressure 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.
The pressure
read-only property of the
PointerEvent
interface indicates the normalized pressure of the pointer
input.
Value
The normalized pressure of the pointer input in the range of 0
to 1
, inclusive, where 0
and 1
represent the minimum and maximum pressure the hardware is capable of detecting, respectively. For hardware that does not support pressure, such as a mouse, the value is 0.5
when the pointer is active buttons state and 0
otherwise.
Examples
In this snippet, when a pointerdown
event is fired, different functions
are called depending on the value of the event's pressure
property.
someElement.addEventListener(
"pointerdown",
(event) => {
if (event.pressure === 0) {
// No pressure
process_no_pressure(event);
} else if (event.pressure === 1) {
// Maximum pressure
process_max_pressure(event);
} else {
// Default
process_pressure(event);
}
},
false,
);
Specifications
Specification |
---|
Pointer Events # dom-pointerevent-pressure |
Browser compatibility
BCD tables only load in the browser