使用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檢查鼠標坐標。