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 two 出现在前面，因为在源代码中它跟在 div one 之后。

在 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;
}

您可以以此为基础。