在javascript中，如果元素不在顶部但实际上是可见的，是否可以在指定点获取元素

test.html
图像上有3个“层”

<img id=image width=200 height=200 src=http://images.all-free-download.com/images/graphicmedium/water_entertainment_motion_picture_165876.jpg>

<div id=dRed style="position:absolute; border: 2px solid red;
  left:50px; top:50px; width:100px; height:100px"></div>

<div id=dGreen style="position:absolute; border: 2px solid green;
  left:70px; top:70px; width:60px; height:60px"></div>

<div id=dBlue style="position:absolute; border: 2px solid blue;
  left:90px; top:90px; width:20px; height:20px"></div>

document.elementFromPoint（100100）返回dBlue，但用户实际看到了图像。
是否可以确定图像？

方法元素FromPoint：

返回其elementFromPoint方法为的文档中的元素 被叫

然后我用这个概念做了一个实验

<div id="divImg">
  <img id=image width=200 height=200 src="<image_url>">
</div>

我在div处添加了一个侦听器，因此当触发

divImg

的

mouseover

事件时，我调用

elementFromPoint

我希望这对你有帮助

更新： 仔细查看

elementFromPoint

的规范，我看到一个css属性用于禁用元素的

指针事件。然后，要仅获取一个元素，需要设置其他元素，添加css属性
指针事件：none

然后您将看到：

<img id=image width=200 height=200 src=http://images.all-free-download.com/images/graphicmedium/water_entertainment_motion_picture_165876.jpg>

<div id=dRed style="pointer-events:none; position:absolute; border: 2px solid red;
  left:50px; top:50px; width:100px; height:100px"></div>

<div id=dGreen style="pointer-events:none; position:absolute; border: 2px solid green;
  left:70px; top:70px; width:60px; height:60px"></div>

<div id=dBlue style="pointer-events:none; position:absolute; border: 2px solid blue;
  left:90px; top:90px; width:20px; height:20px"></div>

请告诉我我的答案是否有用。
<img id=image width=200 height=200 src=http://images.all-free-download.com/images/graphicmedium/water_entertainment_motion_picture_165876.jpg>

<div id=dRed style="pointer-events:none; position:absolute; border: 2px solid red;
  left:50px; top:50px; width:100px; height:100px"></div>

<div id=dGreen style="pointer-events:none; position:absolute; border: 2px solid green;
  left:70px; top:70px; width:60px; height:60px"></div>

<div id=dBlue style="pointer-events:none; position:absolute; border: 2px solid blue;
  left:90px; top:90px; width:20px; height:20px"></div>