[SOLUCIONADO] evento solo en nodo padre

[danny_]

Buenas gente!!

Me he topado con una duda en cuanto a jerarquías en javascript, tengo un mouseout en un div padre y dentro de el una etiqueta p (hijo del div padre), el cual quiero que no coja ese mouseout.

No se si es un bug de js, pero seguro hay alguna forma de que dicho evento no se expanda a los nodos hijos de un div.

Para mas detalle, es una etiqueta p dentro del div padre con position relative y el nodo padre con position absolute, quiero que ese evento solo se dispare cuando hago mouseout fuera del div padre, pero en cuanto pasa el ratón por encima del div hijo se acciona.

Alguna sugerencia de como poder solucionar este problema??

Saludos!!

[David]

Es que no es que el evento se expanda al nodo hijo; una vez que un evento se produce en un nodo se propaga hacia arriba en el DOM, es el comportamiento normal.

En tu caso tienes dos opciones:
- Asignar un listener al evento en el nodo hijo y desde allí detener la propagación (usando stopPropagation)
- En el listener del nodo padre verificar através del target si el evento se produjo en el nodo hijo, y en ese caso ignorarlo.

[danny_]

waaa... no encuentro la forma. Como se puede ignorar un evento??

Según compruebo con e.target.className me esta lanzando el evento en los dos elementos, pero cómo puedo ignorar el evento en el nodo hijo??

Gracias.

[danny_]

Señor moderador es usted muy amable con sus 8 años de experiencia que parece tener, he conseguido realizarlo no con stopPropagation como usted me decía, si no con este gran método relatedTarget que me ha sido de gran utilidad. Al parecer, o es que soy muy novato y torpe a la vez, pero con eventos mouseout la propagación es distinta que con un onclick.
No encontré la forma de ingnorar un evento como usted me habia dicho con su extendida informacion.

De todas formas gracias!