元素叠加时取消mouseout事件

如何解决元素叠加时取消mouseout事件

| 希望这个JSfiddle应该比我的话更好地说明问题： http://jsfiddle.net/pmwRc/6/ 悬停地图时，我正在图像地图上显示绝对定位的H4作为标签。但是，当鼠标指针移到H4上方时，图像映射会触发鼠标移出，这会导致H4再次被隐藏。 我该如何预防？我希望标签在鼠标悬停在图像地图上方时可见，无论它是否也在标签上方。     

解决方法

        您可以使用放置在图像上方的透明图像/图层（使用地图）来“作弊”。 http://jsfiddle.net/GRPQa/7/ 它使用图像地图坐标工作。     ,        我知道这并不完全相同，但是我已经修改了您的小提琴并找到了可行的替代方法，只是没有图像映射图；）（悬停在\'G \'和第一个\'o \'的中间） http://jsfiddle.net/pmwRc/31/ 如果需要，可以使用style属性定义纯标记中的坐标： http://jsfiddle.net/pmwRc/33/     ,        

function doSomething(e) {
    if (!e) var e = window.event;
    var tg = (window.event) ? e.srcElement : e.target;
    if (tg.nodeName != \'DIV\') return;
    var reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement;
    while (reltg != tg && reltg.nodeName != \'BODY\')
        reltg= reltg.parentNode
    if (reltg== tg) return;
    // Mouseout took place when mouse actually left layer
    // Handle event
}

参见http://www.quirksmode.org/js/events_mouse.html