Document.elementFromPoint how to find all elements that occupy a coordinate?

Question

JavaScript

I have such a thing.


Green is the shadow of the block being dragged with the mouse.
I have something like this function, in order to find the DIV from which you need to build this shadow.

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

But the problem is that when I move the mouse to the shadow itself. I'm getting the element with that shadow, not the DIV below it. If there is a way, get the div under it?

Answer 1

Found on the Internet.

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