Raphael-拖放时检测重叠元素答案

【问题标题】：Raphael- Detect overlapped elements when drag and dropRaphael-拖放时检测重叠元素
【发布时间】：2012-01-18 00:37:27
【问题描述】：

我正在尝试通过拖放另一个元素来获取元素。例如，我有 2 个圆圈：c1 和 c2。我想要做的是：如果我将 c2 放在 c1 上方，因此它们是重叠的（不是完全必要的），我可以得到圆 c1（例如：id，title...等）。

有办法吗？

【问题讨论】：

【解决方案1】：

我不确定你是想要碰撞的移动元素，还是碰撞的静态元素 - 所以我会同时提供。（听起来你想要静态的，但 Element.onDragOver 给出的是这个，正如 Oli 的评论中所建议的那样）

这是一个基本的jsfiddle，它访问两个元素：

对于碰撞的静态元素，使用拉斐尔的Element.onDragOver
对于被拖动的移动元素，它使用一些基本代码based loosely on how jQuery UI's Draggable and Droppable libraries do this, as described here - 在被拖动时将被拖动的对象放置在全局命名空间中，然后从那里访问它。

Raphael 可能已经有这样的功能来访问被拖动的元素，但如果有的话，我还没有设法在文档、代码或 DOM 中找到它。

我对第二点的实现是一个非常基本的演示，需要改进。对于更完整的东西，我建议阅读并从经过大量测试和改进的 jQuery UI 使用的代码中获取灵感来做同样的事情

【讨论】：