javascript - 在js中确定event.target下面的元素

Question

我正在尝试确定鼠标当前在 OpenLayers 地图中悬停的图块。当前编写的代码 - 使用标准 Hover 处理程序并简单地发送回事件 - 在 Chrome 中有效，但在 Firefox 中失败，因为 SVG 元素位于磁贴和鼠标之间。我确信在带有 VML 的 IE 中可能会发生类似的事情。

所以，问题是，如果该元素被当前是该请求目标的另一个元素“阻止”，如何确定鼠标悬停的元素？或者，是否可以在另一个 div 中使用“重新运行”事件trigger()，并检索新目标以模拟相同？否则，使用 OpenLayers 确定位于某个像素坐标处的图像既困难又低效。

Answer 1

我不确定，但也许 document.elementFromPoint 方法可以帮助你，请参阅： elementFromPoint 方法

Answer 2

AFAIK，没有有效的方法来确定鼠标下的元素；您必须从事件 ( event.pageX/Y) 中获取 x/y 位置，并将其与页面上每个元素的位置/大小进行比较。