W3cubDocs

/Web APIs

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

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
tangentialPressure 57 79 59 No 44 13 57 57 79 43 13 7.0

See also

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent/tangentialPressure