我不确定从哪里开始,我已经用谷歌搜索了几天,试图找出如何获取页面上选定/单击像素内的元素。我从一位同事那里了解到这个功能,但我不知道它的作用:
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 相互重叠。
最佳答案
问题中显示的代码将无法运行,因为变量 position
、width
未定义,但其基本思想是正确的 — 遍历所有元素并将点击的坐标与每个元素的框进行比较。
想亲 body 验一下。移动了工作演示 here而不是片段。
关于javascript - 获取点击像素内的元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42372757/