Javascript 如何知道元素是否位于其他元素之上

Javascript 如何知道元素是否位于其他元素之上,javascript,jquery,html,Javascript,Jquery,Html,让我们从头开始。我正在制作一个网站,它由像Kinect这样的肢体动作控制。因此,我正在使用一个在PC服务器上运行的守护进程和一个用JavaScript开发的web客户端之间的接口。因此,当通过服务器识别手势时,它会向客户端发送一些信号,并做出相应的反应 问题是我知道我不能用JavaScript o jQuery以编程方式移动鼠标指针,所以我用一些元素创建了自己的指针。但是,我必须知道我的指针何时位于其他元素的顶部,如按钮、链接、div等。我可以制作一个算法,每次我的指针移动时,它都会检查指针的位

让我们从头开始。我正在制作一个网站,它由像Kinect这样的肢体动作控制。因此,我正在使用一个在PC服务器上运行的守护进程和一个用JavaScript开发的web客户端之间的接口。因此,当通过服务器识别手势时,它会向客户端发送一些信号,并做出相应的反应

问题是我知道我不能用JavaScript o jQuery以编程方式移动鼠标指针,所以我用一些元素创建了自己的指针。但是,我必须知道我的指针何时位于其他元素的顶部,如按钮、链接、div等。我可以制作一个算法,每次我的指针移动时,它都会检查指针的位置是否位于某个元素的顶部,但我认为这将是非常低效的

我的问题是,是否有其他方法可以做到这一点,例如使用一些事件检查或类似的方法

多谢各位

关于,

可以这样尝试:

$(function() {
    if($('#yourTargetId').position().top == 0) {
        alert('div#yourTargetId is on top of #yourContainerId');
    } else {
        alert('div#yourTargetId is NOT on top of #yourContainerId');
    }
});
要测试的标记:

<div id="yourContainerId">
    <div id="yourTargetId" style="position: absolute; top: 10px;">
        Hi, Dave!
    </div>
</div>
在此特定示例中,它将输出:

divyourTargetId不在ContainerID的顶部


自己测试。

您是否已经有了自己的指针元素和在屏幕上移动它的功能?这个怎么样?是的@Martin Ernst,我有一个指针作为img元素,我可以在屏幕上移动它。此外,我还有一个指针的侦听器,每当指针的位置发生变化时都会触发它。@code jaff这是一个只在Mozilla Firefox中工作的解决方案吗?因为我在Google Chrome中尝试了这个站点的例子,但什么都没有发生。所以你的监听器在屏幕上有指针的坐标,你可以执行一个简单的操作:var visitedElem=document.elementFromPointcoordX,coordY。对于浏览器来说,这并不比遵循鼠标指针更重要。我知道如何通过编程检查指针是否位于对象顶部。问题是该站点将有大约100个元素,如果我每次检查指针是否在某个元素上移动,我认为对浏览器来说工作量太大。