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

Question

讓我們從頭開始。 我正在制作一個受身體手勢運動控制的網站（例如Kinect）。 因此，我正在PC（服務器）中運行的Daemon與用JavaScript開發的Web客戶端之間使用接口。 因此，當通過服務器識別出手勢時，它會向客戶端發送一些信號，並做出相應的反應。

問題是我知道我無法使用JavaScript或jQuery以編程方式移動鼠標指針，所以我用一些元素制作了自己的指針。 但是然后，我必須知道我的指針何時位於按鈕，鏈接，divs等其他指針的頂部。我可以制定一種算法，使每次指針移動時，它都會檢查指針的位置是否位於某個元素的頂部，但我認為這樣的做法效率極低。

我的問題是，是否還有其他方法可以執行此操作，例如，使用某些事件檢查或類似的方法？

謝謝。

問候，

Answer 1

也許像這樣嘗試：

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

在這個小提琴上測試一下自己。