JSFiddle - React, Tailwind, and code Playground

by hogddttr27

HTML

<div>block 1</div>
<div>block 2</div>
<div>block 3</div>
<div>block 4</div>

<div class="back"></div>

CSS

.back {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom:0;
    
    z-index: 9999;
}

JavaScript

(function() {
    $(document).mousemove(function(e) {
        //console.log(e.pageX);
        
        searchElementOfCoordinates(e);
    });
})();

function searchElementOfCoordinates(coordinates) {
    var backdropClass = ".back", //блок над элементами
        elements = $("*:not(" + backdropClass + ")"), //все крома блока над элементами
        posX = 0, posY = 0;
    
    for (var i = 0; i < elements.length; i++) {
        posX += (elements[i].offsetLeft - elements[i].scrollLeft + elements[i].clientLeft);
        posY += (elements[i].offsetTop - elements[i].scrollTop + elements[i].clientTop);
        
        if (coordinates.pageX == posX || coordinates.pageY == posY)
            console.log(elements[i]);
    }
}