Document: dragend event

The dragend event is fired when a drag operation is being ended (by releasing a mouse button or hitting the escape key).

Bubbles Yes
Cancelable No
Default action Varies
Interface DragEvent
Event handler property ondragend

Examples

See the drag event for example code or this JSFiddle demo.

Specifications

Specification Status Comment
HTML Living Standard
The definition of 'dragend' in that specification.		 Living Standard

Browser compatibility

DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
dragend eventChrome Full support 4
Notes
Full support 4
Notes
Notes Prior to Chrome 72, the dragend event was not dispatched if an iframe (not necessarily the source target) is involved in a DOM operation. See issue 737691 for more details.
Edge Full support 12Firefox Partial support 3.5
Notes
Partial support 3.5
Notes
Notes Firefox doesn't set the mouse coordinates during the drag event. See bug 505521.
Notes In Firefox, dragend is not dispatched if the source node is moved or removed during the drag (e.g. on drop or dragover). See bug 460801 for details.
IE Full support 10Opera Full support 12Safari Full support 3.1WebView Android No support NoChrome Android No support NoFirefox Android No support NoOpera Android No support NoSafari iOS Full support 11Samsung Internet Android No support No

Legend

Full support
Full support
Partial support
Partial support
No support
No support
See implementation notes.
See implementation notes.

See also