1

有没有办法在其他 HTML 元素后面但不在同一个 DOM 路径内的元素上检测鼠标事件(悬停、单击、...) (即事件不会冒泡到元素)?

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

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

在漫长的回合中,我尝试在多个 OpenLayer 图层上捕获鼠标事件以进行标记,这是不支持开箱即用的(事件仅适用于顶层)。

4

1 回答 1

3

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

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

小提琴:http: //jsfiddle.net/PVxbq/

于 2012-06-05T13:11:02.030 回答