忽略鼠标悬停目标?

时间:2011-07-28 15:14:52

标签: javascript events draggable

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

沿同一轴线还有另一个对象。

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

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

如何让JavaScript忽略拖动的对象?

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

2 个答案:

答案 0 :(得分:0)

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

这非常适合检测物体碰撞。 然而,要确定鼠标光标何时在对象上,我使用的技巧是创建1x1绝对内联块div并始终将其定位在鼠标所在的位置光标是。

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

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

因此,如果在拖动时使用鼠标光标保持1x1 .cursorBlock,则当光标位于.staticBlock元素上时,.cursorBlock元素也将会出现,并且碰撞将会发生被检测到,即使你正在“拖动”的真实物体将在两者之间。

我知道你没有使用jQuery标记你的问题,但我认为无论如何我都会回答以防万一。

答案 1 :(得分:0)