MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

PointerEvent.tangentialPressure

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) in the range -1 to 1, 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.

Syntax

var tanPressure = pointerEvent.tangentialPressure;

Value

A float representing the amount of tangential pressure applied to the pointer.

Example

When a pointerdown event is fired, different functions are called depending on the value of the event's tangentialPressure property.

someElement.addEventListener('pointerdown', function(ev) {
   if (ev.tangentialPressure == 0) {
     // No pressure
     process_no_tanPressure(ev);
   } else if (ev.tangentialPressure == 1) {
     // Maximum pressure
     process_max_tanPressure(ev);
   } else {
     // Default
     process_tanPressure(ev);
   }
 }, false);

Specifications

Specification Status Comment
Pointer Events – Level 2
The definition of 'tangentialPressure' in that specification.
Working Draft  

Browser compatibility

Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 58 (Yes) No support[1] (Yes) 45 No support
Feature Android Webview Chrome for Android Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support 58 58 (Yes) No support[1] (Yes) 45 No support

[1] This feature was implemented in Firefox 54, and is currently hidden behind a flag — to enable it and experiment, go to about:config and enable dom.w3c_pointer_events.enabled.

See also

Document Tags and Contributors

 Contributors to this page: jpmedley, chrisdavidmills
 Last updated by: jpmedley,