Document: dragstart event

The dragstart event is fired when the user starts dragging an element or text selection.

Bubbles Yes
Cancelable Yes
Default action Initiate the drag-and-drop operation.
Interface DragEvent
Event handler property ondragstart

Examples

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

Specifications

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

Browser compatibility

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
dragstart eventChrome Full support 4Edge Full support 12Firefox Full support 3.5IE 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
No support  
No support

See also

Last modified:

, by MDN contributors
Related Topics
  1. Document
  2. Constructor
    1. Document()
  3. Properties
    1. alinkColor
    2. all
    3. anchors
    4. applets
    5. bgColor
    6. body
    7. characterSet
    8. childElementCount
    9. children
    10. compatMode
    11. contentType
    12. currentScript
    13. defaultView
    14. designMode
    15. dir
    16. doctype
    17. documentElement
    18. documentURI
    19. documentURIObject
    20. domain
    21. domConfig
    22. embeds
    23. fgColor
    24. firstElementChild
    25. forms
    26. fullscreen
    27. fullscreenEnabled
    28. head
    29. height
    30. hidden
    31. images
    32. implementation
    33. lastElementChild
    34. lastModified
    35. lastStyleSheetSet
    36. linkColor
    37. links
    38. location
    39. mozSyntheticDocument
    40. onabort
    41. onafterscriptexecute
    42. onanimationcancel
    43. onanimationend
    44. onanimationiteration
    45. onauxclick
    46. onbeforescriptexecute
    47. onblur
    48. oncancel
    49. oncanplay
    50. oncanplaythrough
    51. onchange
    52. onclick
    53. onclose
    54. oncontextmenu
    55. oncuechange
    56. ondblclick
    57. ondurationchange
    58. onended
    59. onerror
    60. onfocus
    61. onfullscreenchange
    62. onfullscreenerror
    63. ongotpointercapture
    64. oninput
    65. oninvalid
    66. onkeydown
    67. onkeypress
    68. onkeyup
    69. onload
    70. onloadeddata
    71. onloadedmetadata
    72. onloadend
    73. onloadstart
    74. onlostpointercapture
    75. onmousedown
    76. onmouseenter
    77. onmouseleave
    78. onmousemove
    79. onmouseout
    80. onmouseover
    81. onmouseup
    82. onoffline
    83. ononline
    84. onpause
    85. onplay
    86. onpointercancel
    87. onpointerdown
    88. onpointerenter
    89. onpointerleave
    90. onpointermove
    91. onpointerout
    92. onpointerover
    93. onpointerup
    94. onreset
    95. onresize
    96. onscroll
    97. onselect
    98. onselectionchange
    99. onselectstart
    100. onsubmit
    101. ontouchcancel
    102. ontouchstart
    103. ontransitioncancel
    104. ontransitionend
    105. onvisibilitychange
    106. onwheel
    107. origin
    108. plugins
    109. popupNode
    110. preferredStyleSheetSet
    111. readyState
    112. referrer
    113. scripts
    114. scrollingElement
    115. selectedStyleSheetSet
    116. styleSheetSets
    117. timeline
    118. title
    119. tooltipNode
    120. URL
    121. visibilityState
    122. vlinkColor
    123. width
    124. xmlEncoding
    125. xmlVersion
  4. Methods
    1. adoptNode()
    2. append()
    3. caretRangeFromPoint()
    4. clear()
    5. close()
    6. createAttribute()
    7. createCDATASection()
    8. createComment()
    9. createDocumentFragment()
    10. createElement()
    11. createElementNS()
    12. createEntityReference()
    13. createEvent()
    14. createExpression()
    15. createExpression()
    16. createNodeIterator()
    17. createNSResolver()
    18. createNSResolver()
    19. createProcessingInstruction()
    20. createRange()
    21. createTextNode()
    22. createTouch()
    23. createTouchList()
    24. createTreeWalker()
    25. enableStyleSheetsForSet()
    26. evaluate()
    27. evaluate()
    28. execCommand()
    29. exitFullscreen()
    30. exitPointerLock()
    31. getAnimations()
    32. getBoxObjectFor()
    33. getElementById()
    34. getElementsByClassName()
    35. getElementsByName()
    36. getElementsByTagName()
    37. getElementsByTagNameNS()
    38. hasFocus()
    39. hasStorageAccess()
    40. importNode()
    41. mozSetImageElement()
    42. open()
    43. prepend()
    44. queryCommandEnabled()
    45. queryCommandSupported()
    46. querySelector()
    47. querySelector()
    48. querySelectorAll()
    49. querySelectorAll()
    50. registerElement()
    51. releaseCapture()
    52. requestStorageAccess()
    53. write()
    54. writeln()
  5. Events
    1. animationcancel
    2. animationend
    3. animationiteration
    4. animationstart
    5. copy
    6. cut
    7. DOMContentLoaded
    8. drag
    9. dragend
    10. dragenter
    11. dragexit
    12. dragleave
    13. dragover
    14. dragstart
    15. drop
    16. gotpointercapture
    17. keydown
    18. keypress
    19. keyup
    20. lostpointercapture
    21. paste
    22. pointercancel
    23. pointerdown
    24. pointerenter
    25. pointerleave
    26. pointerlockchange
    27. pointerlockerror
    28. pointermove
    29. pointerout
    30. pointerover
    31. pointerup
    32. readystatechange
    33. scroll
    34. touchcancel
    35. touchend
    36. touchmove
    37. touchstart
    38. transitioncancel
    39. transitionend
    40. transitionrun
    41. transitionstart
    42. visibilitychange
  6. Inheritance:
    1. Node
    2. EventTarget