使用JavaScript，为什么我的onmouseover事件没有被触发？

Question

我正在为学校项目编写JavaScript库，该库可让您实现拖放。 我已经实现了拖动。 当用户拖动可拖动对象时，我将创建该对象的部分透明克隆，该克隆遵循其鼠标指针，直到它们抬起鼠标为止（onmouseup）。 当他们将鼠标拖放到可放置对象上时，我希望有一个视觉效果向用户显示他们可以将对象放置在此处。
jQuery UI已完成此任务： http : //jqueryui.com/demos/droppable/#visual-feedback

我无法执行此操作，因为未克隆onmouseover事件，因为我的克隆元素在路上。 我的克隆始终跟随鼠标指针。 如何获取事件以触发克隆下的元素？

Answer 1

onMouseDown/Up在要拖动的元素onMouseDown/Up定义。 被拖动对象下面的元素将无法捕获onMouseOver事件。 为什么？ 因为要拖动对象，并且该对象只能捕获onMouseOver事件。

因此，要检测目标，也许您应该创建一个脚本来计算可放置对象的坐标并将其存储。 然后搜索鼠标坐标是否在droppableObjectCoordinates内部，并在释放鼠标左键后，将拖动的对象放到正确的位置。

Answer 2

在主体上使用mousemove事件，以针对对象clientX和clientY检查鼠标坐标。