PointerEvent: tangentialPressure 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 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.
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); } }); Specifications
| Specification |
|---|
| Pointer Events # dom-pointerevent-tangentialpressure |