Ignorar elementos anidados

[stramin]

Hola!

El problema que tengo es que en ocasiones tengo elementos con instrucciones onmouseover y este elemento posee elementos adentro con textos

algo así:

Código HTML:

<div onMouseOver="jQuery('#algo').algo='algo';'>
<div>texto importante pero molesto</div>
<div>otro texto importante pero molesto</div>
<div>otro más</div>
</div>
 

Al pasar el mouse por encima se ejecuta el onMouseOver, lo cual está bien, pero al mover el mouse sobre los textos se vuelve a ejecutar y mientras el usuario siga moviendo el mouse se sigue ejecutando una y otra vez.

Lo ideal es que solo se ejecute al pasar el mouse por encima y solo se vuelva a ejecutar al volver a poner el mouse encima, no al moverlo.

Espero que se entienda.

Se agradece cualquier aporte!

[stramin]

nadie sabe o no se entendio?

[IsaBelM]

partamos de que hay un error de sintaxis

onMouseOver="jQuery('#algo').algo='algo';'

ahora supondré lo que hace ese código. asigna un valor a un atributo x de un elemento cuya id es #algo y el evento que invoca es onmouseover, no onmousemove. entonces no comprendo ese comportamiento

[stramin]

Tienes razón! me faltaba esa comilla en el ejemplo XD

Bueno lo pondré de una forma más facil, si pruebas este código:

Código HTML:

<script type="text/javascript">var x=0;</script>
<div onmouseover="x++;document.getElementById('veces').innerHTML=x;" style="background-color:#FF9900;">
    <div>se ha invocado</div>
    <div id="veces">0</div>
    <div>veces en total</div>
</div>
 

y mueves el mouse entre los 3 textos, sin salir del div contenedor (el fondo naranjo) verás que el contador que he puesto se aumenta, siendo que no se ha sacado el mouse del contenedor.

Lo que necesito es una forma de evitar que suceda esto, o sea que el evento mouseover se ejecute solo una vez al entrar en el div contenedor y solo se vuelva a ejecutar al volver a entrar.

[zerokilled]

buenas,
este tema ya se ha discutido varias veces. revisa el siguiente tema, http://www.forosdelweb.com/showthread.php?t=984776.

[stramin]

Entiendo, planteandolo de esa forma he intentado hacer una condición para que solo se vuelva a ejecutar tras un evento onmouseout, sin embargo he comprobado que también se llama a ese evento al mover el mouse.

Me temo que la única solución sea hacer elementos con onmouseover fuera de este para detener la función :(

Muchas gracias zerokilled :D

[IsaBelM]

yo en estos casos me apoyo mas en el css que en javascript

<script type="text/javascript">var x=0;</script>
<div style="background-color:#FF9900; position: relative;">
<div onmouseover="x++;document.getElementById('veces'). innerHTML=x;" style="position: absolute; width: 100%; height: 100%"></div>
<div>se ha invocado</div>
<div id="veces">0</div>
<div>veces en total</div>
</div>

[stramin]

excelente solución!

muchas gracias IsaBelM

[furoya]

Simple y brillante la solución, IsaBelM. Igual hay que aclarar que la capa con el evento cubriendo todo el div con los textos ya no permite ni seleccionarlos con el máus; que aquí no es grave, pero si hubiese botones o campos editables ya es un problema.

Aprovecho que estoy, y dejo otro enlace con algo parecido.

Problemas con onMouseOut

[stramin]

Buena observación, no se puede copiar el texto XD