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

标签 javascript jquery dom-events openlayers mouseover

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

因此,问题是,如果该元素被当前作为该请求目标的另一个元素“阻止”,如何确定鼠标悬停在该元素上的元素?或者,是否可以在另一个 div 中使用 trigger() 来“重新运行”事件,并检索新目标以模拟相同事件?否则,使用 OpenLayers 确定位于某个像素坐标的图像将很困难且效率低下。

最佳答案

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

关于javascript - 在js中确定event.target下方的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3523284/

相关文章:

javascript - 在一行中显示搜索表单和导航栏菜单项

javascript - 编辑数据时屏蔽 UI 元素的最佳方式

javascript - 对滚动使用react被动事件处理程序

javascript - Angular2,doe 的 EventEmitter 需要 zone.run?

javascript - 组件不更新 Prop 更新

jquery - Rails ajax 文件上传 (remotipart)

JavaScript removeEventListener 通过变量名

javascript - 更改任何已经具有特定背景颜色的 TD 的背景颜色

javascript - 测试 commonjs 模块的替代方案是什么?

javascript - 取消按钮返回上一页