javascript - 忽略鼠标悬停目标？

Question

我正在使用拖动脚本沿 x 轴移动对象。

沿着同一个轴还有另一个物体。

我想使用 onmouseover 所以当光标在那个对象上并且我正在拖动我的对象时，会发生一些事情。

现在，这将不起作用，因为在拖动时，被拖动的对象总是在其他对象之上。

如何让 JavaScript 忽略被拖动的对象？

编辑:我使用 http://www.webtoolkit.info/javascript-drag-and-drop.html用于拖动。

Answer 1

我最近遇到了这个问题，最后使用了这个 jQuery 插件: http://www.48design.de/news/2009/11/20/kollisionsabfrage-per-jquery-plugin-update-v11-8/

这非常适合检测物体碰撞。 但是，为了确定鼠标光标何时在对象上，我使用的技巧是创建一个 1x1 绝对内联 block div 并始终将其定位在鼠标所在的位置光标是。

因此，当用户拖动时，要检查对象是否发生碰撞，请使用:

if ($('.cursorBlock').collidesWith('.staticBlock')) {
    // objects are colliding
} else {
    // objects are not colliding
}

因此，如果您在拖动鼠标光标时保持 1x1 .cursorBlock，当光标位于 .staticBlock 元素上时，.cursorBlock 元素也会如此，并且会检测到碰撞，即使您“拖动”的真实对象将在两者之间。

我知道你没有用 jQuery 标记你的问题，但我想无论如何我都会回答，以防这对你有帮助。