Question

有没有办法在其他HTML元素后面的元素上检测鼠标事件（悬停，点击，...）但不在同一个DOM路径中（即事件不会冒泡到元素）？

一个简单的例子来澄清我的意思： http://jsfiddle.net/xeJyg/1/

目前我没有看到其他选项，除了在第一个公共父级上注册事件处理程序（在上面的示例中将是<BODY>）并检查自己是否发生了相关元素之上的事件。问题是，对于许多元素，这可能会变得非常低效。

从长远来看，我尝试在多个OpenLayer图层上捕获标记的鼠标事件，这些事件不支持开箱即用（事件仅适用于顶层）。

Answer 1

在较新的浏览器上，您可以使用pointer-events: none;

#cover {
    ...
    pointer-events: none;
}