如何知道元素是否在其他元素之上

时间:2014-11-23 14:38:13

标签: javascript jquery html

让我们从头开始吧。我正在建立一个由身体姿势运动控制的网站(如Kinect)。所以我使用在PC(服务器)中运行的守护进程和用JavaScript开发的Web客户端之间的接口。因此,当通过服务器识别手势时,它会向客户端发送一些信号,并相应地作出反应。

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

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

谢谢。

此致

1 个答案:

答案 0 :(得分:0)

也许尝试这样:

$(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>

在这个特定的例子中,它将输出:

div#yourTargetId is NOT on top of #yourContainerId

this fiddle 上测试自己。