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.
For an illustration of this property see Figure 2 in the specification.
Syntax
var tiltX = pointerEvent.tiltX;
Return value
tiltX
- The angle in degrees between the Y-Z plane of the pointer (stylus) and the screen. The range of values is
-90
to90
, inclusive, where a positive value is a tilt to the right. For devices that do not support this property, the value is0
.
Example
This example illustrates simple accessing of the tiltX
and tiltY
properties.
someElement.addEventListener("pointerdown", function(event) { process_tilt(event.tiltX, event.tiltY); }, false);
Specifications
Specification | Status | Comment |
---|---|---|
Pointer Events – Level 2 The definition of 'tiltX' in that specification. |
Recommendation | Non-stable version. |
Pointer Events The definition of 'tiltX' in that specification. |
Obsolete | Initial definition. |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
tiltX | Chrome Full support 55 | Edge Full support 12 | Firefox
Full support
59
| IE Full support 10 | Opera Full support 42 | Safari Full support 13 | WebView Android Full support 55 | Chrome Android Full support 55 | Firefox Android
Full support
41
| Opera Android Full support 42 | Safari iOS Full support 13 | Samsung Internet Android Full support 6.0 |
Legend
- Full support
- Full support
- User must explicitly enable this feature.
- User must explicitly enable this feature.