javascript - event - onmouseenter

cancelar el evento mouseout cuando el elemento se superpone

Question

Espero que este JSFiddle debería ilustrar el problema mejor que mis palabras:

http://jsfiddle.net/pmwRc/6/

Estoy mostrando un H4 absolutamente posicionado como una etiqueta sobre un mapa de imagen cuando el mapa está suspendido. Sin embargo, cuando el puntero del mouse se mueve sobre el H4, el mapa de la imagen dispara un mouseout, lo que hace que el H4 se oculte nuevamente.

¿Cómo puedo prevenir esto? Quiero que la etiqueta sea visible mientras el mouse está sobre el mapa de imagen, independientemente de si también está sobre la etiqueta.

Answer 1

Podría ''engañar'' usando una imagen / capa transparente (usando su mapa) que se coloca en la parte superior de su imagen.

http://jsfiddle.net/GRPQa/7/

Funciona usando las coordenadas del mapa de imagen.

Answer 2

Sé que no es exactamente lo mismo, pero modifiqué tu violín y obtuve una alternativa de trabajo, sin el mapa de imagen;) (al pasar el dedo por el medio de ''G'' y la primera ''o'')

http://jsfiddle.net/pmwRc/31/

Puede usar el atributo de estilo para definir coordenadas en marcado puro si es necesario:

http://jsfiddle.net/pmwRc/33/

Answer 3

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
}

Ver http://www.quirksmode.org/js/events_mouse.html