javascript - 在另一个元素下方注册一个元素的鼠标悬停

Question

我正在尝试找到一种方法来在另一个元素下方的元素上注册鼠标悬停事件。我有行，当鼠标悬停时，会出现一个新的 div 并将其放置在悬停的 div 的顶部。

这是页面：http ://www.brunobryan.com/dev/stephanebourgeois/index/

当您将鼠标悬停在一行上时，右侧会出现一个图像。即使鼠标悬停在图像上方，我也想在行上注册 mouseover 事件。

Answer 1

这实际上是不可能的，您有几个解决方法的选择。

a) 在包含行和图像的容器上注册悬停事件。

或者

b）在图像上绑定相同的悬停事件。

Answer 2

您可以使用以下命令允许光标穿过图像pointer-events：

#index-hover {
    pointer-events: none
}

请注意，并非所有浏览器都支持此功能。如果您使用 SVG，将获得更好的支持。

Answer 3

我认为这里的答案是您的<img>标签需要放在<tr>标签内，然后绝对定位。您可能希望使该行相对定位，以便可以将该行的位置用作上下文。