Document.elementFromPoint как найти все элементы, которые занимают координату?

Question

[IDONTSUDO]

У меня есть такая штука.


Зеленое, это тень от блока, который перетаскивается мышкой.
У меня есть примерно такая функция, для того что бы найти DIV от которого нужно строить эту тень.

document.querySelector('body').addEventListener(
	'mousemove',
	throttle(function(e) {
          let Shadow = document.elementFromPoint(e.x - 2, e.y - 2);
         }

Но проблема в том, что когда я мышкой перевожу на саму тень. Я получаю элемент с этой тенью, а не DIV который под ней. Если способ, получить DIV под ней?

Answer 1

[IDONTSUDO]

Нашел на просторах интернетов.

function getAllElementsFromPoint(x, y) {
    var elements = [];
    var display = [];
    var item = document.elementFromPoint(x, y);
    while (item && item !== document.body && item !== window && item !== document && item !== document.documentElement) {
        elements.push(item);
        display.push(item.style.display);
        item.style.display = "none";
        item = document.elementFromPoint(x, y);
    }
    // restore display property
    for (var i = 0; i < elements.length; i++) {
        elements[i].style.display = display[i];
    }
    return elements;
}

Comments

[Дмитрий Беляев]

я бы с pointer-events вместо display попробовал, по идее должно быстрее работать, так как не будет вызывать перерисовку

[IDONTSUDO]

Дмитрий Беляев, потом я еще посидел и нашел свойство elementsFromPoint которое возвращает, все элементы вложенные по x y. И сделал через него. Серпом бы по одну месту, проехаться тем кто придумает названия этим свойствам.