将元素拖放到指定区域，然后输出坐标

Question

我正在开发一个AngularJS应用程序，它允许用户将HTML元素拖到指定区域。然后我需要能够输出掉落到指定区域的元素的坐标。

UI将如下所示：

因此，用户将对象从左侧面板拖动到右侧的指定区域。然后，他们将能够为该元素设置许多属性，如下面的面板所示（但这是我有信心做的事情）。我不确定的是我如何创建功能以允许将对象放在指定区域的某个位置，然后让web应用程序输出所有对象的坐标。

有关如何完成此功能的任何想法？

Answer 1

看看this url，这就是你需要的。 之后，为了得到这个位置，使用angular.element（droppedElement）。position（）从其父元素返回位置是很容易的。