HTML5 拖放 - "dragend" 当源元素被 Angular 移动或删除时不触发

HTML5 drag and drop - "dragend" not fired when source element is moved or removed by Angular

我正在使用 Google 的 Angular Drag and Drop Lists,但我认为问题在于底层的 HTML5 拖放不适用于 Angular(v1. 6.1 ).

根据MDN(底部注释,"Finishing a Drag"下):

"dragend" is not dispatched if the source node is moved or removed during the drag (e.g. on "drop" or "dragover"). bug 460801

我正在更改 "dragover" 事件中的 Angular 模型以在拖动操作期间显示反馈。我 认为 Angular 正在移动或删除(并重新创建)我的源元素,这就是阻止 "dragend" 触发的原因。

这意味着我无法知道拖拽操作在不成功时何时完成(成功时 "drop" 事件在目标元素上触发)

有什么想法吗?

为后代回答我自己的问题!

我解决了这个问题,确保 Angular 摘要循环在拖放操作期间没有 运行。

这似乎支持了我关于源元素被删除和重新创建的理论 Angular 阻止了 dragend 事件的触发。

我不得不退回到 JQuery 以在拖放过程中提供视觉反馈。

HTH