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


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


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

Browser compatibility

Update compatibility data on GitHub
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
dragend eventChrome Full support 4
Full support 4
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
Partial support 3.5
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


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

See also