javascript - 在将 Draggable 放到贪婪的 Droppable 上并再次拖动后，droppable 的 Over 事件无法正常工作

Question

以下 jsbin 最好地解释了不触发 over 事件的情况。 .

执行以下操作:

1. 将可拖动对象放置在内部可放置对象(蓝色)上。

2. 将可拖动对象拖到外部可放置对象(红色)上，它应该将其背景颜色更改为绿色，但事实并非如此! over 事件不会被触发，但是当您再次离开外部 droppable 时，它​​的 out 事件会触发。从那时起，它再次按预期工作。

我认为这种行为是一个错误。我应该创建错误单吗？

编辑:

如果我只是为可放置选项设置一个悬停类，也会实现相同的行为。请参阅以下jsbin 。这一定是一个错误，因为行为不一致。将可拖动对象放入内部可放置对象后，行为会有所不同。

Answer 1

我想出了一个解决方法:

通过调查行为，out 事件中必须存在一些在 drop 事件中没有发生的逻辑。每次可拖动对象进入贪婪可放置对象时，都会应用一些逻辑来防止祖先可放置对象触发其放置事件。在每个 out 事件中，此逻辑都会重置，而在 drop 事件中则缺少此重置。因此，我从 out 事件中取出所需的部分并将其实现到 drop 事件中。

查看以下jsbin

我已经可以为没有打开错误通知单而道歉了。如果有人想这样做，请继续。

编辑:

Ankit Saroch 指出，这个问题已经有一个错误单，并且还存在一个更简单的解决方法。检查问题文本下方的评论。