JavaScript拖放；用<；p>；元素？

我有两个独立的

元素，我想做的是拥有它们，这样它们就可以被点击、拖动和放到一个新的位置。当它们被删除时，我希望它们将css

left:

和

top:

值发送到控制台

它们的开头是

top:0

，

left:0

。我希望最终报告的顶部和左侧值与初始位置相对。因此，如果我向右拖动一个5像素，从原始位置向下拖动15像素，我希望它返回

top:15，left:5

我也在使用jQuery，如果这能让实现变得更容易的话。那么我该怎么做呢

---

此外，理想情况下，我希望它们在拖放时不会被文本光标意外选中。有没有办法让它们表现得像div一样，或者用一个适合它们形状的div覆盖它们，div在它们上面但不可见？

看看jquery ui droppable:

这很好，超级简单而且干净。