如何在HTML5中禁用Dragend动画

Question

HTML是

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

我可以拖动该div，但是当我放下该元素时，会出现一个动画，该元素返回到其原始位置

如何禁用此动画？我在dragend事件中使用了preventDefault（），它不起作用吗？

我的英语不好，非常感谢

在此处输入图片说明

Answer 1

为了防止动画，您需要drop触发事件。对于drop事件触发，你需要调用preventDefault()的处理程序dragover。

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