Diferencia entre mouseenter/mouseleave y mouseover/mouseout

[cb17a]

Simplemente quiero saber la diferencia en Jquery de:

mouseenter - mouseover

mouseleave - mouseout


Gracias!

[Dafonz]

Aunque son muy parecidos la diferencia esta en el event bubbling.

No se bien como explicarlo pero es como si enter incluyera todo el bloque para el evento.. que si vienen de sus hijos como quien dice no lo disparara porque sigue en el bloque (no reacciona a event bubbling), mientras que over si reacciona venga de donde venga sus hijos o de fuera (si reacciona a event bubbling).. no se si me di a entender

Aquí esta en el ejemplo mucho mas entendible todo: http://api.jquery.com/mouseover aunque es JQuery el ejemplo es lo importante.

[ros0809]

Te pongo aquí la explicación que ví en un manual de jQuery, espero que te sirva de ayuda. Saludos!

Evento mouseenter: Se dispara cuando el mouse entra al control que está escuchando. Este evento se ejecuta sólo una vez, para que se vuelva a ejecutar debemos salir del control y volver a entrar.

Evento mouseleave: Se dispara cuando el mouse sale del control que está escuchando. Este evento se ejecuta sólo una vez, para que se vuelva a ejecutar debemos ingresar al control y volver a salir.

Son simples, entro y salgo de un control y sus respectivos eventos se disparan al momento en que sucede la acción, pero no es lo mismo para los siguientes:

Evento mouseover: Se dispara cuando el mouse se encuentra dentro del control que esta escuchando el evento, es decir, el puntero entra al control y se ejecuta, pero mientras el puntero este adentro del control y lo mueva se vuelve a ejecutar. Hay que destacar la diferencia con el evento mouseenter, ya que el ultimo solo se ejecuta una vez, en cambio el mouseover cuantas veces me mueva dentro del control.

Evento mouseout: Se dispara cuando el mouse sale del control que esta escuchando el evento. Pero es diferente al mouseleave, en este caso el evento se dispara si algún elemento hijo del mismo dispara el mouseout.