Firefox Tomorrow

web api instance property

PointerEvent: tiltX property

View on MDN ↗

The tiltX read-only property of the PointerEvent interface is the angle (in degrees) between the Y-Z plane of the pointer and the screen. This property is typically only useful for a pen/stylus pointer type.

Depending on the specific hardware and platform, user agents will likely only receive one set of values for the transducer orientation relative to the screen plane — either tiltX and tiltY or altitudeAngle and azimuthAngle.

The tiltX angle of a pointer compared to the tiltY angle

For an additional illustration of this property see Figure 2 in the specification.

Value

The angle in degrees between the Y-Z plane of the pointer (stylus) and the screen. The range of values is -90 to 90, inclusive, where a positive value is a tilt to the right. For devices that do not support this property, the value is 0.

Examples

This example illustrates simple accessing of the tiltX and tiltY properties.

someElement.addEventListener("pointerdown", (event) => {
  processTilt(event.tiltX, event.tiltY);
});

Specifications

SpecificationsStandards references are available on the canonical MDN page.

Browser compatibility

Browser compatibilityCompatibility data is available on the canonical MDN page.

See also