javascript - 测试元素是否在前面的简单方法？

Question

页面中的两个元素具有相同的 z-index...

<div id="one" style="position: absolute; z-index: 1; top: 0px; left: 0px;"></div>
<div id="two" style="position: absolute; z-index: 1; top: 0px; left: 0px;"></div>

div 2 出现在前面，因为它在源中的 div 1 之后。

在 jQuery 中是否有一种简单的方法来测试一个元素是否在另一个元素的前面？

Answer 1

这可能会有所帮助：我正在获取传递元素的偏移量并将其与从 elementFromPoint 收到的元素进行比较。

function checkClickable(id){
    var element = document.getElementById(id);
    var newElement = document.elementFromPoint(element.offsetLeft, element.offsetTop);
    if(newElement){
        if(newElement.id == id)
            return true;
    }
    return false;
}

您可以将其用作基础。