html是
<div id="test" draggable='true'></div>
我可以拖动这个div,但当我拖放元素时,会有一个动画将该元素放回它的原始位置
如何禁用此动画?我在dragend事件中使用preventDefault(),它不工作吗?
我的英语不是很好,非常感谢
发布于 2018-08-06 02:13:48
为了防止动画,您需要激发drop
事件。要触发drop
事件,需要在dragover
的处理程序中调用preventDefault()
。
document.addEventListener('dragover', function(e) { e.preventDefault() })
MDN文档中的示例也显示了同样的情况:https://developer.mozilla.org/en-US/docs/Web/Events/drop#Example
一篇描述HTML5拖放API怪癖的旧博客文章:https://www.quirksmode.org/blog/archives/2009/09/the_html5_drag.html
https://stackoverflow.com/questions/42991709
复制相似问题