javascript - 获取点击像素内的元素？

Question

我不确定从哪里开始，我已经用谷歌搜索了几天，试图找出如何获取页面上选定/单击像素内的元素。我从一位同事那里了解到这个功能，但我不知道它的作用:

function onclick(e){ 
    var x = e.clientX, 
        y = e.clientY; 

    $("*").filter(function(){ 
        position.left > x && position.left + width < x;
         /*same for height*/;
    }); 
}

简单地说，我需要能够单击一个像素并获取该像素内的 div/元素。对于我的应用来说，这并不像仅仅说 div .class 那样简单，因为元素通过不透明度和 z-index 相互重叠。

Answer 1

问题中显示的代码将无法运行，因为变量 position、width 未定义，但其基本思想是正确的 — 遍历所有元素并将点击的坐标与每个元素的框进行比较。

想亲 body 验一下。移动了工作演示 here而不是片段。