動畫HTML5拖放時拋棄元素

Question

我正在使用原生HTML5拖放一個簡單的遊戲應用程序，用戶需要拖動動物圖像並將其放置到正確的海灣（國內/野外）。當我拖放（添加）拖動的元素到海灣時，我想要對它進行動畫處理，並使其看起來好像元素正在飛行並掉落在海灣中。我試過fadeIn()，但它發生在元素被追加後。我需要dragstart和drop之間的動畫。謝謝你的幫助。

Answer 1

對於您正在嘗試實現html5 drag'n'drop功能可能不是您正在尋找精確視覺體驗的最佳選擇。

由於默認行爲在瀏覽器中略有不同，最令人厭煩的是拖動項目被刪除後的「回退動畫」。
我不知道爲什麼後面的Chrome開發人員做了那個愚蠢的「功能」，即使延遲dragend事件，這是更糟糕的事..

那麼你就需要非常編寫自己的拖放功能精確的視覺功能，但我不會推薦使用html5 drag'n'drop爲您的特定情況。