v148 · Web APIs · Drag Events Demo
Drag Events Demo
Drag the element to the drop target and watch the event log. In Chrome 148+, a pointercancel event fires as soon as the drag starts, suppressing further pointermove events. The counters show how many of each event type fired.
Chrome 148+ behaviour: When a drag starts,
pointercancel fires on the source element. This cancels the pointer event stream — pointermove events stop firing for that pointer. Drag events (drag, dragover, etc.) continue normally.
drag area
Drag the black element to the drop zone →
drag me
drop here
0
pointerdown
0
pointermove
0
pointercancel
0
dragstart
0
drag
0
dragend
event log
Drag the element above to see events…
see also
implementation reference
Need the exact API surface, compatibility boundaries, errors, lifecycle, and source links? Read the matching gendn reference ↗