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

时间:2013-04-17 13:04:12

标签: javascript jquery position

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

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

谢谢

2 个答案:

答案 0 :(得分:0)

如上所述@ 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数组并选择您需要的数组。

答案 1 :(得分:0)

如果第一个元素(由document.elementFromPoint(posX, posY)选择的元素)不可点击,则可以为其设置css prepoerty pointer-events: none;,它将不再被选择