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

Browser compatibility

[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

• Touch.force