Web APIs

Pointer Events API

Checking compatibility...

Handle mouse, touch, and pen/stylus input through a unified interface, providing a consistent way to handle pointing device input across different hardware.

Basic Pointer Tracking

Track mouse, touch, and pen movements with a single code approach. This example shows how to detect pointer movements and access device-specific properties like pressure and tilt for more natural interactions.

=
=
=
=
=
=

Output

Click Run to see output...

Pointer Capture

Keep tracking pointer movements even when they leave an element. This example demonstrates how to capture all pointer events to a specific element, which is useful for drag operations and drawing tools.

=
=
=
=
=
=

Output

Click Run to see output...