PointerEvent: tiltX property
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2020.
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.
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
| Specification |
|---|
| Pointer Events # dom-pointerevent-tiltx |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
tiltX
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support