test pointer capture api · drag outside element · touch · runs locally
demo
drag the handles below. with pointer capture, events continue even after the pointer leaves the element. without capture, events stop when the pointer leaves.
with setPointerCapture()
drag me
idle — drag to start
without setPointerCapture()
drag me
idle — drag to start
use cases
- custom range sliders — keep tracking even if thumb leaves track
- drag handles — resize panels, move windows
- drawing apps — stroke continues past canvas edge
- games — continuous input regardless of pointer position
status
>ready