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

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. onformdata
    62. onfullscreenchange
    63. onfullscreenerror
    64. ongotpointercapture
    65. oninput
    66. oninvalid
    67. onkeydown
    68. onkeypress
    69. onkeyup
    70. onload
    71. onloadeddata
    72. onloadedmetadata
    73. onloadend
    74. onloadstart
    75. onlostpointercapture
    76. onmousedown
    77. onmouseenter
    78. onmouseleave
    79. onmousemove
    80. onmouseout
    81. onmouseover
    82. onmouseup
    83. onoffline
    84. ononline
    85. onpause
    86. onplay
    87. onpointercancel
    88. onpointerdown
    89. onpointerenter
    90. onpointerleave
    91. onpointermove
    92. onpointerout
    93. onpointerover
    94. onpointerup
    95. onreset
    96. onresize
    97. onscroll
    98. onselect
    99. onselectionchange
    100. onselectstart
    101. onsubmit
    102. ontouchcancel
    103. ontouchstart
    104. ontransitioncancel
    105. ontransitionend
    106. onvisibilitychange
    107. onwheel
    108. origin
    109. plugins
    110. popupNode
    111. preferredStyleSheetSet
    112. readyState
    113. referrer
    114. scripts
    115. scrollingElement
    116. selectedStyleSheetSet
    117. styleSheetSets
    118. timeline
    119. title
    120. tooltipNode
    121. URL
    122. visibilityState
    123. vlinkColor
    124. width
    125. xmlEncoding
    126. 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