Javascript拖放。。。。接收对象?

Javascript拖放。。。。接收对象?,javascript,Javascript,我写了一些代码,这样我可以拖动一个对象,但最终我想把它放在一个特定的对象上,然后调用一些函数 当我不知道哪个实际对象将被拖放到目标对象上时,如何向目标对象添加侦听器?我强烈建议使用jquery ui Dragable和Dropable。没有必要为此重新发明轮子 我过去处理这件事有几种方法。它们都依赖于光标位于要拖动的元素外部 首先,您可以在文档级别定义mouseup事件处理程序,并确定哪个元素是事件的目标。该元素将是您的可拖动项被放置到的元素,您可以从此处处理事件 其次,您可以为每个可拖放区域定

我写了一些代码,这样我可以拖动一个对象,但最终我想把它放在一个特定的对象上,然后调用一些函数


当我不知道哪个实际对象将被拖放到目标对象上时,如何向目标对象添加侦听器?

我强烈建议使用jquery ui Dragable和Dropable。没有必要为此重新发明轮子


我过去处理这件事有几种方法。它们都依赖于光标位于要拖动的元素外部

首先,您可以在文档级别定义mouseup事件处理程序,并确定哪个元素是事件的目标。该元素将是您的可拖动项被放置到的元素,您可以从此处处理事件

其次,您可以为每个可拖放区域定义一个mouseup事件处理程序。这允许更容易地定制处理程序


请记住,这两种解决方案都依赖于光标位于要拖动的元素之外。否则,事件的目标将始终是您正在拖动的元素。

简单地说,您必须在mousemove上附加一些函数。此函数必须绕过所有dom元素并找到您的元素。但它是DOM,而且它太长了。你必须缓存elemetns的位置,这样就可以了

您是否只想在DOM元素上有一个“drop”事件,但认为您需要关心哪些内容被丢弃到它们上

我最初处理类似问题的方法是从“drop”开始,而不是拖动,但发现“ondrop”事件的可移植性不强,这意味着我应该使用类似jQuery的框架。见:

有关jQuery UI框架方法的演示,请参见此处:

请参阅此处,了解一种较少以框架为导向的方法,并对该主题进行了一些讨论:


我想我们必须看看你的代码,它允许你拖拽一个物体。我不明白的是,当你拖拽一个元素时,它的坐标不是在你“拖拽”之前仍然显示它的原点吗?我不太清楚你的意思。我的解决方案与坐标关系不大,而与您可能正在拖放的DOM元素关系更大。