按 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

正如@t.niese 上面建议的那样，您可以这样做：

$(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);
    }

});

然后你需要做的就是浏览你的elements数组并选择你需要的一个。

Answer 2

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