HTML5拖放 - 当Angular移动或移除源元素时,不会触发“dragend”

时间:2017-03-23 18:11:15

标签: html angularjs html5 drag-and-drop angulardraganddroplists

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

根据MDN(底部的注释,在“完成拖动”下):

  如果在拖动期间移动或移除源节点(例如,在“drop”或“dragover”上),则不调度“dragend”。 bug 460801

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

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

有什么想法吗?

1 个答案:

答案 0 :(得分:3)

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

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

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

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

HTH