PointerEvent.tiltX

This property 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. The range of values is -90 to 90 degrees and a positive value means a tilt to the right. For devices that do not support this property, the value is 0.

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

This property is Read only .

Syntax

var tilt = pointerEvent.tiltX;

Return value

tilt

The angle between the Y-Z plane of the pointer (stylus) and the screen.

Example

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

someElement.addEventListener("pointerdown", function(ev) {
   process_tilt(ev.tiltX, ev.tiltY);
 }, false);

Specifications

Specification	Status	Comment
Pointer Events – Level 2 The definition of 'tiltX' in that specification.	Working Draft	Non-stable version.
Pointer Events The definition of 'tiltX' in that specification.	Recommendation	Initial definition.

Browser compatibility

[1] This feature is currently hidden behind a flag; to enable it and experiment, set the dom.w3c_pointer_events.enabled preference to true in about:config.