在放置元素时动画html5拖放

Question

我在一个简单的游戏应用程序中使用原生 HTML5 拖放功能，用户需要将动物的图像拖放到正确的位置（国内/野生）。当我将拖动的元素放置（附加）到托架时，我想对其进行动画处理并使其看起来好像元素正在飞行并被丢弃在托架中。

我尝试过fadeIn()，但它发生在元素被附加之后。我需要 dragstart 和 drop 之间的动画。感谢您的帮助。

Answer 1

对于您正在尝试实现的 html5 拖放功能可能不是您正在寻找的精确视觉体验的最佳选择。

由于默认行为在浏览器中略有不同，最烦人的是一旦拖放项目就会出现“后退动画”。
我不知道为什么 Chrome 背后的开发人员会做那个愚蠢的“功能”，甚至会延迟 dragend 事件，这更糟糕..

因此，您需要编写具有非常精确的视觉功能的自己的拖放功能，但对于您的特定情况，我不建议使用 html5 拖放。