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.

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

See also