9

html is

<div id="test" draggable='true'></div>

and I can drag this div,but when I drop the element, there is a animation that element back to it's origin position

how to disable this animate? I use preventDefault() in dragend event, it not working?

My English is not vert good ,thank you very much

dev.doc
  • 562
  • 3
  • 11
  • 17
user1861806
  • 91
  • 1
  • 4

1 Answers1

12

In order to prevent the animation, you need the drop event to fire. For the drop event to fire, you need to call preventDefault() in the handler for dragover.

document.addEventListener('dragover', function(e) { e.preventDefault() })

Example in MDN docs shows the same thing: https://developer.mozilla.org/en-US/docs/Web/Events/drop#Example

An old blog post describing the quirks of HTML5 Drag and Drop API: https://www.quirksmode.org/blog/archives/2009/09/the_html5_drag.html

freefood89
  • 151
  • 1
  • 9