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):

Color:

Base Size:8

Pressure Sensitivity

Clear CanvasSave as PNG

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

Clear Log Pointer events will appear here...