PointerEvent: tangentialPressure property
The tangentialPressure
read-only property of the
PointerEvent
interface represents the normalized tangential pressure of
the pointer input (also known as barrel pressure or cylinder stress).
Value
A float
representing the normalized tangential pressure of the pointer
input in the range -1
to 1
, inclusive, where 0
is
the neutral position of the control.
Note that some hardware may only support positive values in the range 0
to
1
. For hardware that does not support tangential pressure, the value will
be 0
.
Examples
In this snippet, when a pointerdown
event is fired, different functions
are called depending on the value of the event's tangentialPressure
property.
js
someElement.addEventListener(
"pointerdown",
(event) => {
if (event.tangentialPressure === 0) {
// No pressure
process_no_tanPressure(event);
} else if (event.tangentialPressure === 1) {
// Maximum pressure
process_max_tanPressure(event);
} else {
// Default
process_tanPressure(event);
}
},
false,
);
Specifications
Specification |
---|
Pointer Events # dom-pointerevent-tangentialpressure |
Browser compatibility
BCD tables only load in the browser