PointerEvent.pressure

The pressure read-only property of the PointerEvent interface indicates the normalized pressure of the pointer input.

Syntax

var pressure = pointerEvent.pressure;

Return value

pressure
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.

Example

In this snippet, when a pointerdown event is fired, different functions are called depending on the value of the event's pressure property.

someElement.addEventListener('pointerdown', function(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

Specification Status Comment
Pointer Events – Level 2
The definition of 'pressure' in that specification.
Recommendation Non-stable version.
Pointer Events
The definition of 'pressure' in that specification.
Obsolete Initial definition.

Browser compatibility

DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
pressureChrome Full support 55Edge Full support 12Firefox Full support 59
Full support 59
Full support 41
Disabled
Disabled From version 41: this feature is behind the dom.w3c_pointer_events.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
IE Full support 11
Full support 11
Partial support 10
Notes
Notes Returns 0 instead of 0.5 on hardware that doesn't support pressure.
Opera Full support 42Safari Full support 13WebView Android Full support 55Chrome Android Full support 55Firefox Android Full support 41
Disabled
Full support 41
Disabled
Disabled From version 41: this feature is behind the dom.w3c_pointer_events.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.
Opera Android Full support 42Safari iOS Full support 13Samsung Internet Android Full support 6.0

Legend

Full support
Full support
See implementation notes.
See implementation notes.
User must explicitly enable this feature.
User must explicitly enable this feature.

See also