jQuery droppable - 按住 div “over” droppable 区域 2 秒后触发特殊事件

Question

我正在尝试创建一个仅在可拖动对象在可放置区域上保持至少 2 秒时执行的函数。这意味着如果在 2 秒内拖放或移除可拖动对象，则该函数不会执行。

我自己的逻辑将我引向以下方向，这似乎正确吗？

over: function (){
    // Execute a timeout function after 2 seconds
},
out: function(){
    // Cancel the function
},
drop: function(){
    // Cancel the function
}

如果是这样...如何取消已经启动的功能？如果没有，还有其他方法可以完成我想要做的事情吗？

Answer 1

您可能想要获得 2 个状态。 1.可拖动的事件状态 2. droppable:hover 事件状态。

droppable:hover 的超时时间为 2 秒 您要确保仅在 2 个事件存在时才触发该事件。

你会在你放下的时候悬停，所以如果触发了droppable事件你想取消这个功能

Answer 2

我正在寻找与您完全相同的解决方案，并在这里找到了它： Adding a delay to droppable event

AceCorbans 解决方案的格式略有不同，我习惯于以您示例的风格看待它。但是，只需将 droppable.over = function{event, ui} 视为 drop: function(){} 的等价物，它也应该适用于您！