MDN wants to learn about developers like you:


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.


var tanPressure = pointerEvent.tangentialPressure;


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


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
   } else if (ev.tangentialPressure == 1) {
     // Maximum pressure
   } else {
     // Default
 }, false);


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,