W3cubDocs

/Web APIs

PointerEvent: pressure property

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.

js

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

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
pressure 55 12 59 11
10Returns 0 instead of 0.5 on hardware that doesn't support pressure.
42 13 55 55 79 42 13 6.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/pressure