javascript - 确定鼠标悬停在元素上时是否有元素 "dragged"

Question

我正在尝试对此 page 实现“拖动排序”功能。右侧有我希望能够订购的缩略图。我想在 jQuery UI 中使用 jQuery 的可排序。但这似乎有点奇怪，因为我的缩略图是通过 CSS 缩放的，然后它就无法正常工作。

现在我已经做出了一些基本的东西。当我在缩略图上发生鼠标按下事件时，我会克隆它，隐藏原始元素并将克隆的元素放在鼠标所在的位置。但是现在，当我将鼠标悬停在另一个缩略图上(同时将克隆的元素放在光标下)时，不会为该缩略图触发悬停事件。

是否有另一种方法可以确定我的cursus是否位于DOM中的某个元素之上？例如，这样我可以在拖动缩略图时检测到光标位于另一个缩略图上方。

Answer 1

嗯，速度很快。被拖动的项目上的这个 CSS 似乎可以解决问题。

pointer-events: none;