Pointer Events API Demo

The Pointer Events API provides a unified way to handle input from mouse, touch, and pen/stylus devices with a single event model, including pressure and tilt information.

Pointer Events API: checking...

API Support

Pointer Tracking

Move your mouse, touch, or use a stylus in the area below:

Pointer ID
-
Pointer Type
-
Position (X, Y)
-, -
Pressure
-
Tilt (X, Y)
-, -
Width x Height
-
Twist
-
Buttons
-

Pressure-Sensitive Drawing

Draw with pressure sensitivity (size varies with pressure):

8

Pointer Capture Demo

Click and drag the box - it captures pointer events even outside itself:

Drag Me
Capture Status
Not captured

Multi-Touch Points

Touch with multiple fingers (on touch devices):

Active touch points: 0

Event Log

Pointer events will appear here...