javascript - 通过javascript向元素发送鼠标事件

Question

所以我有一个元素在另一个元素后面，但它仍然可见(它仅部分被元素本身覆盖，但在其他方面完全被上面元素的 margin 属性覆盖)。我想在鼠标悬停时触发鼠标事件，但由于前面的元素，它没有传递给它。我知道如何计算我是否超过它以及如何指向它，但我不知道如何将事件发送给它 onmouseover或 hover或 onmouseout .

如果有帮助，我会使用 document.getElementById("<calculated id>") 指向它.我知道这是可行的，因为它的 ID 是基于它在网格中的位置，所以我只需要计算鼠标的位置并将其与网格相关联。

还有应该发生的事件(但不是因为它前面的事情)，是一个 :hover通过 CSS 触发简单的过渡动画。

Answer 1

document.getElementById('elementInFront').addEventListener('mouseenter', function(){
    document.getElementById('elementBehind').DoYourStuff();
});