javascript - 按 Z-Index 中确定的位置获取元素 - Javascript

Question

我正在使用以下句子将元素置于某个位置，但他采取了第一个......

$(this.cTaskItem[0]).mouseup(function(event){
    var posX = event.clientX, posY = event.clientY;
    var overElem = document.elementFromPoint(posX, posY);
    overElem.style.border = "3px solid red";
});

我想知道如何在给定位置和 Z-Index 处获取元素。

谢谢你

Answer 1

As @t.niese suggested above you could do this:

$(this.cTaskItem[0]).mouseup(function(event)
{
    var posX = event.clientX, posY = event.clientY;
    var elements = [];
    var elm = document.elementFromPoint(posX, posY);
    while(elm.tagName != "HTML")
    {
        elements.push(elm);
        elm.style.display = "none";
        elm = document.elementFromPoint(posX, posY);
    }

});

Then all you would need to do is go through your elements array and select the one you need.

Answer 2

如果第一个元素（由 选择的那个document.elementFromPoint(posX, posY)）不应该是可点击的，您可以将 css prepoerty 设置pointer-events: none;为它，它将不再被选中